vue input v-model值为0时显示空
可以通过自定义一个过滤器来实现这个功能。在模板中使用 v-model 绑定数据,然后在显示时使用过滤器将值为 0 的情况转换为空字符串。
示例代码如下:
<template>
<div>
<input type="text" v-model="inputValue | zeroToEmpty">
<p>输入的值为:{{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: 0
};
},
filters: {
zeroToEmpty(value) {
return value === 0 ? '' : value;
}
}
};
</script>
在上面的代码中,通过自定义一个 zeroToEmpty 的过滤器,将值为 0 的情况转换为空字符串。在模板中,使用 v-model 绑定数据并使用过滤器来显示数据。
原文地址: https://www.cveoy.top/t/topic/fUN2 著作权归作者所有。请勿转载和采集!