vue v-model 内判断值是否为空, 值为空显示不限制
时间: 2023-07-28 17:21:00 浏览: 170
Vue前端判断数据对象是否为空的实例
你可以使用 computed 计算属性来实现这个功能。例如:
```html
<template>
<div>
<input type="text" v-model="searchValue" />
<div>{{ displayValue }}</div>
</div>
</template>
<script>
export default {
data() {
return {
searchValue: '',
};
},
computed: {
displayValue() {
if (this.searchValue === '') {
return '不限制';
}
return this.searchValue;
},
},
};
</script>
```
在这个例子中,我们使用了一个 computed 计算属性 `displayValue` 来判断 `searchValue` 是否为空,如果为空则返回 `'不限制'`。在模板中,我们直接显示 `displayValue` 的值即可。
阅读全文