vue-typescript中使用watch
用了几个月的vue-typescript-admin-template,第一次使用watch属性。这是因为用echarts时数据改变后echarts组件总是不能自动刷新。因此使用了watch对变量进行监视。使用方法如下:①引入watchimport { Component, Vue, Watch } from 'vue-property-decorator';②在ts脚本的类中加入代码@Watch
·
用了几个月的vue-typescript-admin-template,第一次使用watch属性。这是因为用echarts时数据改变后echarts组件总是不能自动刷新。因此使用了watch对变量进行监视。
使用方法如下:
①引入watch
import { Component, Vue, Watch } from 'vue-property-decorator';
②在ts脚本的类中加入代码
@Watch("piedata")
getPiedata(newVal:Array<object>,oldVal:Array<object>) {
if (newVal !== oldVal) {
this.initData()
}
}
以上图为例,我们监视的是piedata这个变量,当他发生变化后,新的值与旧的值是不相同的。我们在这个条件下执行想要执行的操作。饼状图的数据更新了,就需要重新画这个饼状图了。
更多推荐
已为社区贡献2条内容
所有评论(0)