vue中v-model的值可以写三元判断么？

本文主要是介绍vue中v-model的值可以写三元判断么？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

项目中 偶尔会遇到想给v-model的值 是个动态绑定不同的值
那么我们会发现当直接在v-model中写三元判断是不对的，不能直接使用三元判断。

所以，该怎么处理呢？

你可以使用计算属性或方法来达到类似的效果。

<template><input v-model="computedValue" />
</template><script>
export default {data() {return {condition: true, // 这里是你的条件value1: 'name',value2: 'pw',};},computed: {computedValue() {return this.condition ? this.value1 : this.value2;},},
};
</script>

如果你需要双向绑定，你可以使用 set 函数来更新条件：

computed: {computedValue: {get() {return this.condition ? this.value1 : this.value2;},set(value) {this.condition = value === this.value1;},},
},

这样，当输入框的值改变时，computedValue 的 set 函数会被调用，并更新 condition。

这篇关于vue中v-model的值可以写三元判断么？的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---