Vuejs2 “计算属性”；“价值”；已在vuejs中定义为道具

我面临的问题是

当我试图加载页面时，计算属性“value”已经被定义为一个道具。

我有三个文本输入字段，希望将数据发送到后端，其中包含

value

字段

以下是它的HTML代码：

    <model-search-select-with-validation
      v-model="operator"
      :option-texts="['name']"
      :rules="{required: true}"
      label="Operation"
      name="operator"
      option-value="id"
      url="/operator"
    />
    <b-form-input-with-validation
      v-if="!showTime"
      v-model="value" :rules="{decimal: 3, max: 20}"
      label="Value"
      name="value"
      type="number"
    />
    <b-form-input-with-validation
      v-if="showTime"
      v-model="value"
      :rules="{max: 255, required: true}"
      label="Time"
      name="value"
      type="time"
    />

---

有人可以建议如何修复它吗？

您有一个名为

value

的道具，因此您不能有同名的

数据
或
计算属性好的，谢谢。但是需要将
value:{get（）{returnthis.value.value}，set（value）{this.$emit（'input'，{…this.value，value，}）}，}
发送到后端。可能？将计算属性命名为其他名称，例如
myValue
，并将其与
v-model=“myValue”
    props: ['value'],
    computed: {
      showTime: function () {
        return this.field === 'deliver_on'

      },
      value: {
        get () {
          return this.value.value
        },
        set (value) {
          this.$emit('input', {
            ...this.value,
            value,
          })
        },
      },
      operator: {
        get () {
          return this.value.operator
        },
        set (operator) {
          this.$emit('input', {
            ...this.value,
            operator,
          })
        },
      },