uniapp 有且只有一个输入框 ,该输入框绑定一个value值 比较输入第一次的值与第二次的值是否相同
时间: 2023-12-10 21:40:12 浏览: 33
可以在uni-app中使用watch监听value值的变化,然后比较输入的两个值是否相同。
示例代码如下:
```
<template>
<view>
<input type="text" v-model="value" />
<input type="text" v-model="confirmValue" />
</view>
</template>
<script>
export default {
data() {
return {
value: '',
confirmValue: ''
}
},
watch: {
value(newVal, oldVal) {
if (newVal !== this.confirmValue) {
console.log('两次输入的值不相同')
} else {
console.log('两次输入的值相同')
}
},
confirmValue(newVal, oldVal) {
if (newVal !== this.value) {
console.log('两次输入的值不相同')
} else {
console.log('两次输入的值相同')
}
}
}
}
</script>
```
在上面的代码中,我们定义了两个输入框,分别绑定了value和confirmValue两个变量。然后使用watch监听value和confirmValue的变化,如果两个输入框中的值不相同,则输出“两次输入的值不相同”,否则输出“两次输入的值相同”。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)