Javascript v-model在vue中不工作?

Javascript v-model在vue中不工作?,javascript,vue.js,Javascript,Vue.js,实际上,这是我在使用API的实际项目中遇到的问题。首先让我解释一下,我使用了axios来调用api数据。这将得到json数组,每个数组都有相同的radio值,所以我将radio值附加到每个数组中。虽然我想通过v-model更改无线电值,但它不起作用。我在radio元素下输出了所选的值。下面我演示了我的项目代码 var app2=新的Vue({ el:“#app-2”, 数据:{ 列表:空 }, 已创建:函数(){ var json=[{id:1,名称:“B”},{id:2,名称:“D”}] t

实际上,这是我在使用
API
的实际项目中遇到的问题。首先让我解释一下,我使用了
axios
来调用api数据。这将得到json数组,每个数组都有相同的radio值,所以我将radio值附加到每个数组中。虽然我想通过
v-model
更改无线电值,但它不起作用。我在radio元素下输出了所选的
值。下面我演示了我的项目代码

var app2=新的Vue({
el:“#app-2”,
数据:{
列表:空
},
已创建:函数(){
var json=[{id:1,名称:“B”},{id:2,名称:“D”}]
this.list=json
this.list.forEach(函数(v){
v、 选项=[{text:'pacageA',值:1},{text:'pagckaeB',值:2}]
v、 已选择=空
})
}
})

{{l.selected}}
你的问题是一个问题。为了让Vue了解要添加到列表中的新对象属性,您应该使用,例如


或者,如下所述,“在将
json
分配给
this.list
之前,对其进行所有修改。”

您的问题就是其中之一。为了让Vue了解要添加到列表中的新对象属性,您应该使用,例如



或者,如下所述,“在将
json
分配给
this.list
”之前,对
json
进行所有修改,然后再将其分配给
this.list
。或者,在将
json
分配给
this.list
之前,对其进行所有修改。
Vue.set(v, 'options', [{ text: 'pacageA' , value: 1},{text: 'pagckaeB',value:2}])
Vue.set(v, 'selected', null)