Question

我有一个计算的，排序的列表也可以编辑..（输入v-model =＆＃34; ....＆＃34;）..

这很有效，除了在输入中键入新文本时列表自行排序。我想以某种方式阻止......

有没有办法防止排序在ex上触发。按键或使用某种自定义属性，例如＆＃34; new＆＃34;，＆＃34; editmode＆＃34; ？

计算道具

nluData() {
            return orderby(this.$store.getters.nlujson.filter(item => {
                return item.intent.toLowerCase() === this.selectedIntent
            }), ['intent', 'text'], ['asc', 'asc'])
        },

输入：

<div v-for="(item, key, index) in nluData">
    <input v-model="item.intent" class="form-control">
    ......
</div>

Answer 1

您可以使用.lazy修饰符阻止在输入事件后进行同步并等待更改事件。

<input v-model.lazy="item.intent" class="form-control">

有关文档，请参阅here。

如果您不想在更改事件后对列表进行排序，则可以添加一个布尔值（例如sortList），您必须手动设置该布尔值并添加到nluData()

Vue：在编辑内容时阻止计算列表中的存档

1 个答案: