摘要: 如果想修改viser 中的tooltip图表信息展示框的值对应的文本,而不是直接对应数据中的key:例如常用的y/value等,可以用color属性来解决,首先在数据中加一个要展示的文本名称的属性键值对【这里我用的是alias这个key,要展示的文本为面积这个value】,然后在图表标签中设置col 阅读全文
posted @ 2021-06-04 10:51 逸凨 阅读(744) 评论(1) 推荐(0) 编辑
摘要: viser 图表可以是通过<v-chart>标签嵌套了多个图表标签生成组合图表来达到UI的设计效果, 例如:曲线图表+曲线面积图表组合成带线条的曲线面积图表,代码如下: <v-chart :force-fit="true" :height="height" :data="data" :scale=" 阅读全文
posted @ 2021-06-03 17:55 逸凨 阅读(1027) 评论(0) 推荐(0) 编辑
摘要: v-for里面数据层次太多,或者套的组件层级太多, 数据变了,页面没有重新渲染,需手动强制刷新。 解决方法:运用 this.$forceUpdate()强制刷新 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 vue强制重新渲染四种方案对比 前言 Vue 阅读全文
posted @ 2021-06-01 10:17 逸凨 阅读(23297) 评论(1) 推荐(4) 编辑
摘要: 前言 在使用vue构建项目的时候,引用了第三方组件库,只需要在当前页面修改第三方组件库的样式以做到不污染全局样式。通过在样式标签上使用scoped达到样式只制作用到本页面,但是此时再修改组件样式不起作用。 scoped的实现原理 vue中的scoped属性的效果主要通过PostCSS转译实现,如下是 阅读全文
posted @ 2021-05-31 15:44 逸凨 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 子组件Cover.vue <div> <div class="cover"> <img :src="src" /> ... </div></div> props: { src: { type: String, required: true, },} 父组件 // 引入子组件<Cover src="@ 阅读全文
posted @ 2021-05-20 16:03 逸凨 阅读(1266) 评论(0) 推荐(0) 编辑
摘要: 一、安装配置ffmpeg 1、下载ffmpeg http://www.ffmpeg.org/download.html 下载后解压即可 1、环境配置 找到解压路径下的bin目录 2、找到系统变量Path 3、新建,将上面ffmpeg的bin文件夹路径添加进去即可 4、Cmd 执行ffmpeg命令,出 阅读全文
posted @ 2021-01-19 15:48 逸凨 阅读(6400) 评论(2) 推荐(0) 编辑
摘要: 效果图: 参考资料: 官网:http://www.axios-js.com/zh-cn/docs/ 入门 踩坑注意: 在Vue中this始终指向Vue,但axios中this为undefined,例如 原因: 在请求执行成功后执行回调函数中的内容,回调函数处于其它函数的内部this不会与任何对象绑定 阅读全文
posted @ 2020-12-11 17:35 逸凨 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 参考 w3c 的https://www.w3school.com.cn/jquery/jquery_animate.asp 阅读全文
posted @ 2020-12-01 14:28 逸凨 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 效果图: 点击按钮等实现li标签的左右横向移动,这里限制每个li的宽度一样 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>点击按钮等实现li标签的左右横向移动,这里限制每个li的宽度一样</titl 阅读全文
posted @ 2020-12-01 14:14 逸凨 阅读(1375) 评论(0) 推荐(0) 编辑
摘要: 1、页面 与 js : <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WebSocket 阅读全文
posted @ 2020-11-19 17:07 逸凨 阅读(1569) 评论(0) 推荐(0) 编辑