uview u-input 点击清除按钮,数据清空但视图未清空

问题描述:

点击 uview 的 u-input 输入框自带的清除按钮,v-model 绑定的数据清空了,但是输入框内还显示着之前的数据

在这里插入图片描述
解决方案:

v-model 绑定的值写到 data 初始变量中声明

原始代码:

<u-input v-model="parameters.keyword" class="searchInput" placeholder="搜索" clearable />

data: {
	parameters: {
	    current: 1,
	    size: 10,
	    keyword: ''
    }
},

修改后的代码:

<u-input v-model="keyword" class="searchInput" placeholder="搜索" clearable />

data: {
	parameters: {
	    current: 1,
	    size: 10
    },
    keyword: ''
},

猜你喜欢

转载自blog.csdn.net/xiamoziqian/article/details/131593952