vue 不能响应set结构增加数据_使用VUE.set更新数据，页面依然没有实时响应

问题描述

使用VUE.set更新数据，页面依然没有实时响应

问题出现的环境背景及自己尝试过哪些方法

刚开始直接用索引赋值，页面没有响应，查到应该用VUE.set，修改以后可以确定数据更新了，但是页面依然没有实时更新

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<FormItem v-for="(item, index) in formValidate.items" v-if="item.status" :key="index" :label="'选项 '" :prop="'items.' + index + '.value'" :rules="{required: true, message: '选项 ' + item.index +' 不能为空', trigger: 'blur'}">

<Row>

<Col span="2">

<Input style="width:80%;" type="text" v-model="item.number" placeholder="编号"></Input>

</Col>

<Col span="19">

<Input type="text" v-model="item.value" placeholder="选项内容"></Input>

</Col>

<Col span="2" offset="1">

<Button @click="handleRemove(index)">删除</Button>

</Col>

</Row>

</FormItem>

<FormItem>

<Row>

<Col span="3">

<Button type="dashed" long @click="handleAdd" icon="md-add">增加选项</Button>

</Col>

</Row>

</FormItem>

import Vue from 'vue'

export default {

data() {

return {

formValidate: {

items: [{

value: '',

number: "",

index: 1,

status: 1

}],

options: {

// value: '',

number: '',

status: 1

},

},

}

},

handleRemove(index) {

Vue.set(this.formValidate.items[index], 'status', 0);

},

handleAdd() {

var itemLen=this.formValidate.items.length;

this.$set(this.formValidate.items, itemLen, {

value: '',

index: itemLen,

status: 1

});

},

你期待的结果是什么？实际看到的错误信息又是什么？

查到的信息都说用VUE.set就可以解决，可以不行啊，哪位大神可以指点一下？