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

叶子_o

已于 2024-02-05 16:56:15 修改

阅读量2k

点赞数

文章标签： vue

于 2023-07-07 11:59:31 首次发布

本文链接：https://blog.csdn.net/xiamoziqian/article/details/131593952

版权

问题描述：

点击 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: ''
},