关于双向绑定v-model的疑问

刚刚接触vue,对于其中v-model有几个疑问,比如在子组件中使用v-model,最终也是通过this.$emit('input', value) ,将数据返回给父组件。
那么对于双向绑定是否有限制啊?比如可以对父组件中data的key/value进行操作,那么是否可以对父组件data中某项数组的对应值进行操作?
另外就是是否可以对computed属性中某数组进行双向绑定操作?

https://img.mukewang.com/5c0b355e0001fd1708690357.jpg

鄙人试了下,貌似如上图的操作结果,所以想请告知下,如果可以 应该如何操作?

              <tr v-for="i in thisPageData">//thisPageData属于computed中的数组

                  <td>

                      <c-checkbox v-model="i.checked" @input="showInput"></c-checkbox>

                  </td>

                  <td>{{i.checked}}</td>

                  <td>{{ i.id }}</td>

                  <td>{{ i.code }}</td>

                  <td>{{ i.name }}</td>

                  <td>{{ i.ip }}</td>

                  <td>{{ i.description }}</td>

                  <td>{{ i.assetsNumber }}</td>

              </tr>

checkbox组件就是一般的checkbox按钮,对样式进行了统一控制,最终返回的就是true和false

呼唤远方
浏览 585回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript