javascript - VueJS 无法将输入绑定(bind)到 beforeMount Hook 中生成的属性

标签 javascript vue.js data-binding

我正在尝试在 beforeMount Hook 中生成一系列嵌套的对象。 我尝试在输入之间强制执行的任何数据绑定(bind)都不起作用。没有错误。

这是我正在做的事情的一个简单版本,它封装了问题。

new Vue({
  el: "#app",
    data () {return {
    multi: {}, 
    ids: ["eaf", "6ef", "3ey"]
  }},
  beforeMount () {
    this.ids.forEach(i=> {
    	this.multi[i] = {
      	name: "",
      }
    })
  }
})
<div id="app">
  
  <div id="group" v-for="(i, index) in ids">
    <p>Group {{i}}</p>
    <p>{{multi[i].name}}</p>
    
    <input type="text" v-model="multi[i].name">
  </div>
</div>

v-model 绑定(bind)不起作用。

最佳答案

Vue 不会检测已经 react 的对象中的新 Prop 。您应该使用 Vue.$set 或预先创建带有所有必要 Prop 的 multi 对象。请参阅Detection caveats

关于javascript - VueJS 无法将输入绑定(bind)到 beforeMount Hook 中生成的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60512801/

相关文章:

javascript - 将 Flask 变量传递到 Javascript

javascript - 无法使用 Angular 向本地 JSON 文件发出 $http.get 请求

javascript - 使用 jQuery 在 Bootstrap 4 中过滤卡片

javascript - 类型错误 : Cannot read property '0' of undefined inside v-for

vue.js - 具有多个别名和 Apollo (Vue.js) 的 GraphQL 查询

wpf - 使用 Linq to Entities 绑定(bind)到 List<T> 时显示组合框的选定值的问题

c# - 数据绑定(bind) InkCanvas child

javascript - 如何使用regEx删除js中的python注释

javascript - npm run dev 不工作

c# - 数据绑定(bind) Windows 窗体控件在失去焦点之前无法识别更改