06 2021 档案

vue的$set使用【数组与对象的赋值视图不更新情况】
摘要：由于 Vue 会在初始化实例时进行双向数据绑定，使用Object.defineProperty()对属性遍历添加 getter/setter 方法，所以属性必须在 data 对象上存在时才能进行上述过程 ，这样才能让它是响应的。如果要给对象添加新的属性，此时新属性没有进行过上述过程，不是响应式的，所 阅读全文
posted @ 2021-06-30 16:49 逸凨 阅读(2275) 评论(0) 推荐(0)
页面跳转或请求的进度条插件之NProgress
摘要：NProgress是页面跳转时展示在浏览器顶部的进度条 详见官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress 效果如下： 插件使用： //使用方式 1、安装：npm install -- 阅读全文
posted @ 2021-06-21 11:32 逸凨 阅读(345) 评论(0) 推荐(0)
vue .sync不生效的坑
摘要：vue 2.3.0+ 新增了 .sync 修饰符，数据的双向绑定时，子组件通过this.$emit('自定义事件名（随意）', 要传给父组件的参数) //子组件 this.$emit('modifyTitle', newTitle) 然后父组件中使用子组件可以监听那个事件并根据需要更新一个本地的数据 阅读全文
posted @ 2021-06-16 16:43 逸凨 阅读(2445) 评论(0) 推荐(0)
viser之formatter 文本格式处理
摘要：viser图表中展示的文本或者tooltip信息展示框中的文本信息如果需要添加单位等某些处理来最终展示，那么可以用 formatter 来进行文本格式处理 例如： 阅读全文
posted @ 2021-06-04 15:25 逸凨 阅读(386) 评论(0) 推荐(1)
viser图表之图例legend
摘要：viser图表中如果只有一组数据的话【一个图例数据】，就算你嵌套了<v-legend/> 标签也是不显示图例的，详见如下： 一组数据 多组数据： 详见官网： Viser (gitee.io) 阅读全文
posted @ 2021-06-04 11:31 逸凨 阅读(1343) 评论(1) 推荐(0)
viser图表之tooltip文本展示
摘要：如果想修改viser 中的tooltip图表信息展示框的值对应的文本，而不是直接对应数据中的key:例如常用的y/value等，可以用color属性来解决，首先在数据中加一个要展示的文本名称的属性键值对【这里我用的是alias这个key，要展示的文本为面积这个value】，然后在图表标签中设置col 阅读全文
posted @ 2021-06-04 10:51 逸凨 阅读(854) 评论(1) 推荐(0)
viser 组合图表的同一数据多条toolp的解决办法
摘要：viser 图表可以是通过<v-chart>标签嵌套了多个图表标签生成组合图表来达到UI的设计效果， 例如：曲线图表+曲线面积图表组合成带线条的曲线面积图表，代码如下： <v-chart :force-fit="true" :height="height" :data="data" :scale=" 阅读全文
posted @ 2021-06-03 17:55 逸凨 阅读(1198) 评论(0) 推荐(0)
vue $forceUpdate() 强制重新渲染及四种方案对比
摘要：v-for里面数据层次太多，或者套的组件层级太多， 数据变了，页面没有重新渲染，需手动强制刷新。 解决方法：运用 this.$forceUpdate()强制刷新 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。 vue强制重新渲染四种方案对比 前言 Vue 阅读全文
posted @ 2021-06-01 10:17 逸凨 阅读(33188) 评论(1) 推荐(4)