- 实现点击了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的内部变量