vue中使用$set

  • 实现点击了button之后禁用button,可以用如下方式:
<div>
    <el-button
        v-for="item in tags"
        :key="item"
        @click="select(item)"
        type="text"
        :disabled="item.disabled">
        {{item.name}}
    </el-button>
</div>
...

method: {
        select(tag) {
            this.$set(tag, 'disabled', true)
        }
}
  • 例2:
 data () { 
  return {
      data1: {},
      data2: ''
  } 
}

改data1加一个属性x,那么就 this.$set(this.data1, 'x', val)
把data1的属性x赋值为y,那么就 this.$set(this.data1, 'x', 'y')

$set()这个方法是去响应式地赋值的

对于 data2,也可以直接 this.data2 = val;也可以this.$set(this.$data, 'data2', val)

这里的 this.$data是vue的内部变量

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 由于JS的限制,Vue不能检测以下变动的数组: 当你利用索引直接设置一个项时,如:vm.items[indexOf...
    __越过山丘__阅读 1,233评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,054评论 0 2
  • 水墨画 文/水思 很短 太长 一把油纸伞旁观了无数离散的现场 古道烟雨 游客不眠 谁的改变 渲染了诗画江南 我寻遍...
    影_6b11阅读 1,257评论 1 4
  • 村上春树说:“从今天起,你要做一个不动声色的大人了。不准情绪化,不准偷偷想念,不准回头看。去过自己另外的生活。你要...
    蓝胖子Cc阅读 297评论 0 0
  • 柳絮无影叶有痕, 风捻末枝水上沉。 只作春泥润芳物, 不愿随水踏红尘。
    IMSong阅读 142评论 0 0