专业做物流公司网站,临沂专业网站建设公司哪家好,wordpress hide,现代简约办公室设计参考文章#xff1a;dataV组件库——改变数据视图不主动刷新
问题#xff1a; 拿到后端数值就直接赋值了#xff0c;但是视图#xff08;页面#xff09;没有更新。
解决#xff1a; 官方文档介绍dataV里面的组件props均未设置deep监听#xff0c;刷新props时#xf…参考文章dataV组件库——改变数据视图不主动刷新
问题 拿到后端数值就直接赋值了但是视图页面没有更新。
解决 官方文档介绍dataV里面的组件props均未设置deep监听刷新props时要直接生成新的props对象基础数据类型除外或完成赋值操作后使用ES6拓展运算符生成新的props对象this.someProps { …this.someProps }。
DataV官方文档
代码
templatediv classupdate-demodv-percent-pond :configconfig stylewidth:200px;height:100px; //div
/templatescript
export default {name: UpdateDemo,data () {return {config: {value: 66,lineDash: [10, 2]}}},methods: {// 更新数据的示例方法updateHandler () {const { config } this/*** 只是这样做是无效* config指向的内存地址没有发生变化* 组件无法侦知数据变化*/this.config.value 90this.config.lineDash [10, 4]/*** 使用ES6拓展运算符生成新的props对象* 组件侦知数据变化 自动刷新状态*/this.config { ...this.config }}}
}
/script