uni-app三级联动笔记

uniapp官方组件picker
uniapp使用三级联动picker,官方文档省市区选择器不适用5+app、h5和支付宝小程序,必须适用插件(日期、时间、三级联动picker)(mpvue-picker)
日期、时间、三级联动picker这个插件有个注意的事项,用HBuilderX导入插件的时候,会覆盖掉page/index/index.vue这个文件,需要注意。
日期、时间、三级联动picker插件要使插件显示,在元素上做一个点击方法click(){this.KaTeX parse error: Expected 'EOF', got '}' at position 20: ….picker.show();}̲,插件的作者用this.refs.picker.show();显示插件,但是适用的时候,会报错,可能是我自己的原因,我并没有按照他的代码来写,我只需要三级联动,后面改成this.$refs.region.show();就可以适用了。
上一下代码,除三级联动,其他picker都是适用官方文档。







mpvue-picker这个会比较简单,根据作者提供的进行编写。
mpvue-picker选择地区获取的省市区为字符串,而第一个为数组,个人觉得数组会比较方便一个,因为保存的时候还要把省市区存入数据库的。
以上仅是个人学习工作所理解的。

最后,如果我的笔记对您有帮助,请给我一个赞~ 谢谢!

你可能感兴趣的:(工作上的笔记,学习笔记)