Vuejs 双向绑定数组答案

【问题标题】：Vuejs two way binding arrayVuejs 双向绑定数组
【发布时间】：2021-04-20 12:16:44
【问题描述】：

我有这些数据：样本 = [1,2,3]

一个输入和两个按钮

按钮是下一个数据和上一个

所以想法是通过两种方式将输入绑定到 Sample[var]，其中 var 可以通过按钮更改，

我一直在尝试使用compute setter或将数组与数据中的可变var绑定，没有成功，我应该采取什么方法？

代码如下：

<ckeditor v-model="thedata"></ckeditor>

data() {
    return {
        Sample: [1,2,3],
        thedata: Sample[var],
        var : 0
    }
}

【问题讨论】：

标签： vuejs2

【解决方案1】：

让我试着帮助你。那么，你希望数据的值是基于 Sample 和 var 的，对吧？

你可以试试这个代码：

<template>
  <input v-model="thedata" type="text" />
</template>

<script>
export default {
  data() {
    return {
      Sample: [1, 2, 3],
      var: 0,
      thedata: '',
    };
  },
 
  mounted() {
    this.thedata = this.Sample[this.var];
  },
};
</script>

你可以使用Ymounted()然后合并数据。

【讨论】：

【解决方案2】：

<ckeditor v-model="sample[index]"></ckeditor>

data() {
    return {
        sample: [1,2,3],
        index: 0
    }
}

【讨论】：

我可以通过将计算移至计算属性来简化它吗？