首页 > web前端 > Vue.js > 出现vue.set()报错怎么办

出现vue.set()报错怎么办

coldplay.xixi
发布: 2021-01-08 17:27:51
原创
2209 人浏览过

vue.set()报错的解决办法:使用【Vue.set()】在data里的对象上增加属性,代码为【export default {data() {return {info: {width: '100'}}}】。

出现vue.set()报错怎么办

本教程操作环境:windows7系统、Vue2.9.6版,Dell G3电脑。

vue.set()报错的解决办法:

使用Vue.set()直接在data上增加属性

  export default {
    data() {
      return {
        width: '100'
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.data, 'height', 0)
        }
      }
    }
  }
登录后复制

报错:

f1119af051df33da7d4eb3643d7101e.png

分析:不能在直接data上增加属性,可以在data里的对象上增加属性,例如:

  export default {
    data() {
      return {
    info: {
      width: '100'
    }
      }
    },
    methods: {
        scrollFn(e) {
         Vue.set(this.info, 'height', 0)
        }
      }
    }
  }
登录后复制

拓展:

  • Vue.set()响应式新增与修改数据

  • 调用方法:Vue.set( target, key, value )

  • target:要更改的数据源(可以是对象或者数组)

  • key:要更改的具体数据

  • value :重新赋的值

相关免费学习推荐:javascript(视频)

以上是出现vue.set()报错怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板