uni-app uni-data-picker级联选择器无法使用和清除选中的值

出现问题:

使用点击右边的叉号按钮无法清除已经选择的uni-data-picker值

解决办法:

在uni-app uni-data-picker使用中,要添加v-model,v-model在官网的示例中没有体现,但若不加则无法清除。

复制代码
<uni-data-picker v-model="villageName" :localdata="countryArr" popup-title="请选择村庄"
						@change="onchange" placeholder="请选择村庄" ref="picker"></uni-data-picker>

uni-data-picker注意事项:

在使用uni-app在进行开发过程中,uni-data-picker首先要安装,可在HBuilder插件市场中进行安装,安装后使用。

插件市场官方网址:DCloud 插件市场

使用时需注意:

添加了v-model后才能使用清楚操作;

localdata中的数据属性名为text和value,不可随意改变;

onchange事件返回的为数组形式,可根据个人需要处理数据进行赋值操作。

相关推荐
战场小包1 天前
弟弟想看恐龙,用文心快码3.5S快速打造恐龙乐园,让弟弟看个够
前端·three.js·文心快码
咚咚锵咚咚锵1 天前
DrissionPage的学习
前端·python·学习
huabuyu1 天前
将 Markdown 转为 AST:实现思路与实战解析
前端
前端Hardy1 天前
惊艳同事的 Canvas 事件流程图,这篇教会你
前端·javascript·css
哔哩哔哩技术1 天前
KMP on iOS 深度工程化:模块化、并发编译与 98% 增量构建加速
前端
神仙别闹1 天前
基于 Vue+SQLite3开发吉他谱推荐网站
前端·vue.js·sqlite
Async Cipher1 天前
CSS 居中
前端·css·css3
IT_陈寒1 天前
Python 3.12 的这5个新特性,让我的代码性能提升了40%!
前端·人工智能·后端
方安乐1 天前
vite+vue+js项目使用ts报错
前端·javascript·vue.js
韩立23331 天前
Vue 3.5 升级指南
前端·vue.js