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事件返回的为数组形式,可根据个人需要处理数据进行赋值操作。

相关推荐
lichenyang453几秒前
从两个 demo 说起:WebSocket 和 SSE 到底差在哪?
前端
前端小端长11 分钟前
AI时代前端的出路在哪里?
前端·ai·职业发展
四六的六19 分钟前
WebView里跑RAG——浏览器内知识检索增强实战
前端·实战·个人开发·webview·ai大模型·rag·webview内嵌开发
wanger6127 分钟前
Vue学习笔记
前端·javascript·vue.js
杨先生哦27 分钟前
【2026热端攻防系列 3/12】反射型&存储型XSS全解:AI批量免杀、WAF绕过与企业级防御
前端·人工智能·笔记·web安全·xss
问心无愧051332 分钟前
ctf show web入门123
android·前端·笔记
大刚测试开发实战34 分钟前
TestHub数据工厂发布!附更新指南
前端·后端·github
by————组态41 分钟前
Ricon组态组件生态 - 丰富的可视化组件库
运维·前端·物联网·组态·组态软件
天蓝色的鱼鱼1 小时前
Node.js 现在能直接跑 TypeScript 了,tsx 和 ts-node 还需要吗?
前端·typescript·node.js
阿猫的故乡1 小时前
Vue动态组件+异步组件实战:Tab切换、按需加载、KeepAlive缓存,一次搞定
前端·vue.js·缓存