建立互联网公司网站,怎么修改网站标题,夫妻性做受视频什么网站,做网站怎么选服务器全国四级行政地区树数据库sql下载路径#xff1a;【免费】全国四级地区(省市县)数据表sql资源-CSDN文库https://download.csdn.net/download/weixin_51722520/88469807?spm1001.2014.3001.5503 我在后台获取地区信息添加了限制#xff0c;只获取parentid为当前的地… 全国四级行政地区树数据库sql下载路径【免费】全国四级地区(省市县)数据表sql资源-CSDN文库https://download.csdn.net/download/weixin_51722520/88469807?spm1001.2014.3001.5503 我在后台获取地区信息添加了限制只获取parentid为当前的地区没所以没有显示全国数据 前端使用饿了么的组件添加lazy做懒加载不需要将数据递归组装成树结构返回每次点击时向后端发送请求请求当前父级下的子数据 。
el-card styleheight: 95%div style height: 520px; display: block;overflow-y: scroll;el-tree lazy :propsdefaultProps :loadloadNode node-clickhandleNodeClick/el-tree/div
/el-card 绑定数据结构label为展示的数据isLeaf为是否是子节点后端传值时将isLeaf设置为true即可。 defaultProps: {label: name,isLeaf: isLeaf,}, loadNode会在页面被点击时自动调用resolve回调方法会将查询到的数据放入到树中不需要将数据绑定。 这里将数据做了判断为空时给他赋值为141100000000不为空则将node节点id给到父级id loadNode就是树的点击事件触发的方法 loadNode回调resolve只接受List类型的数据 //懒加载时查询叶子节点loadNode(node, resolve) {let params node.data ? (parent.id node.data.id) : (id141100000000)this.get(ctx /basicinfo/region/getLeftNode? params).then((res) {resolve(res)})}, 将点击时的node节点调用可以不用写与树没有太大联系只是我业务中会用这个方法 handleNodeClick(node, e) {console.log(树被点击时调用事件)},