1.mixin 混入
方法写在util
链接: Vuejs混入.
2.nanoId 从api传入
3.后端的三种数据 formData
链接: 前端请求后端数据的三种方式.
4.包装成一个promise对象 好await住
5.props传递router 参考router文档
router params含有参数
如果是 :params
如果是? String
省市区三级联动
思路:
1.从后端拿到数据,传给前端 ,渲染到前端 ,前端改变,回显给后端,后端接受命令后 , 再拿出符合的值再传给前端
2.从后端拿数据
调api接口方法
3.传给前端
1)封装到 data 里的 list中
2)v-model暴露接口,通过v-model绑定的属性去取下拉选择的值
3)展示的数据 作为一个计算属性而存在 因为这个值是不断变化的
vue
1.select组件 v-for 遍历省市区数据
2.data中的数据 选中的省市区的值(对象形式);以及当前这个省的城市,这个城市的区
3.在created钩子函数中 数据初始化
4.重点
:使用watch监测当前省市区的改变(v-model)中绑定的数据,一旦省有变化,就拉取这个省的相关的数据,并且默认选中第一条数据,市,区的变化类似
采用es5 filter 来进行数据的过滤,只要把数据过滤出来,vue自动重新渲染,重点放在数据的筛选上
v-model接口的暴露:要将数据绑定到v-model的属性上,通过触发input事件,
参考: vue省市区三联动下拉选择组件的实现
.
困难在于
数据怎么调
参考
链接: 在vue中实现省市区的下拉联动.
搜索
1.层级为3的数组 children、|| 如何遍历取到多层数组children节点 || 省市区数据多层数组(思路:想把region里的对象数组格式化为参考博客里的 但其实 region更方便联动 虽然我并不知道怎么方便的
这是关键 怎么拿呀 格局小了 不应该是只从数组角度考虑吧
2.vue js antd select省市区三级联动
报错
1.Saving ‘.eslintrc.js’: Getting code actions from ‘‘ESLint’’ (configure).
vscode 知识点
1.左下角菜单栏 点击 打开右侧 eslint报错面板情况
报错:Expected an assignment or function
意思是 这里需要一个方法或者函数
知识点:
vue method是一个object 里面的方法不能直接赋值