Quasar QSelect 上的事件修改器删除事件

Question

我想有条件地从选择中删除一个选项。我尝试使用 @remove 事件，但在检查之前我无法停止删除事件...我想做下面的事情；

<q-select @remove.stop="isItRemovable"></q-select>
.
.
.
methods: {
  isItRemovable(option) {
    if (option.value.name === 'yes removable') {
        remove
    } else {
       show not removable warning
    }
  }
}

我该怎么做？比你。

Answer 1

我遇到了同样的问题，并找到了一个肮脏的解决方案

function onRemove(details) {
  setTimeout(()=>{
    tags.value.splice(details.index, 0, details.value as never);
  }, 1) // yes this is very dirty, but it seems to me there is no better way with current Quasar API
}

，其中 tags 是用作 v-model 的 ref ，并且此函数用作事件回调：@remove="onRemove"。
这将防止删除任何项目，但当然您可以添加任何条件。副作用：元素闪烁一毫秒。