Question

我想做一张桌子。实际上，我正在制作一个包含许多页面和许多表格的网站，因此我想制作一个表格组件。表数据尚未放入表中，因为我需要在js中进行很多操作。

使用js完成处理后，我打算将每个行对象推入Vue组件的data属性中（然后在html中执行v-for以填充表格）。

但是我找不到任何将数据推入vue组件的人。这些例子在我的眼皮底下吗？

如果我自己不插入组件，那意味着我需要插入父虚拟机？这意味着每个表实例都有一个新的数据属性..？

在将Vue与js的输出连接起来时，我真的很难将更大的图片连接在一起……寻找任何输入

Answer 1

将数据放入vue组件不是一个好习惯。如果您将Vuex用于尝试做的事情，那么您会容易得多。然后，您可以构建一个闭环数据系统，该系统可以通过变异更新Vuex中的状态数据，并使用吸气剂将更新返回给组件。但是，如果正确初始化data属性，则可以在组件内完成所有这些操作。

要真正回答您的问题，您可以这样做：

 data () {
       return {
          myData: [],
          someDataObject: null
       }
    }
...
methods: {
   fillData () {
      this.myData.push(this.someDataObject);
   }
}

在模板中：

...
<div v-for(item in myData, index) :key:item item:item>
   <input type:'text' v-model="someDataObject">
   <button @click="fillData();"></button>
   <p>{{myData[0]}}</p>
</div>
...

我可以将对象放入Vue组件数据中吗？想要在js过滤/操作后创建表格

1 个答案: