Question

我有一个下拉菜单：

            <BaseDropdown
              @input="value => statusSelected(value)"
              name="Status"
              ref="status"
              label="Status:"
              rules="required"
              :options="statusItems"
              v-model="status"
              value="status"
              placeholder="Please select a status"
            />

还有一个按钮：

<button class="edit" @click="editComment(status)">Edit </button>

status参数的值为"note"。我有这个功能：

editComment(status){
      this.status = status
}

它将v-model的值更改为"note"，因为我可以在日志中看到它，但是下拉列表的显示文本没有改变。如何更改下拉文本的显示值？

Answer 1

查看BaseDropdown组件或截屏以直观显示您的意思将很有帮助。没有足够的信息来查看该组件在做什么。

虽然我看到的是您将需要另一个变量和一个计算所得的Property。 status和editStatus。

computed:{
  displayStatus(){
    return this.editStatus || this.status;
  }
},
methods: {
  editComment(status){
      this.editStatus = status
  }
}

<BaseDropdown
              @input="value => statusSelected(value)"
              name="Status"
              ref="status"
              label="Status:"
              rules="required"
              :options="statusItems"
              v-model="status"
              value="displayStatus"
              placeholder="Please select a status"
            />

这只是一个猜测，因为我看不到所有详细信息。

通过单击Vuejs中的另一个按钮来更改下拉显示文本

1 个答案: