在VUE中,文本框中根据后端传来的数字,进行判断显示不同的文本
时间: 2024-02-01 15:13:33 浏览: 125
可以通过Vue的计算属性来实现。假设后端传来的数字为`num`,可以定义一个计算属性`displayText`,根据`num`的值返回不同的文本。
示例代码如下:
```
<template>
<div>
<input type="text" v-model="num">
<p>{{ displayText }}</p>
</div>
</template>
<script>
export default {
data() {
return {
num: 0
};
},
computed: {
displayText() {
if (this.num === 1) {
return '文本1';
} else if (this.num === 2) {
return '文本2';
} else {
return '其他文本';
}
}
}
};
</script>
```
在模板中,绑定了一个文本框,用于输入数字。在计算属性`displayText`中,根据`num`的值进行判断,返回不同的文本。当输入的数字为1时,显示文本1;当输入的数字为2时,显示文本2;否则显示其他文本。在模板中使用`{{ displayText }}`绑定计算属性即可。
阅读全文