当前位置: 首页 > news >正文

广州网站优化费用怎么到国外网站去接模具订单做

广州网站优化费用,怎么到国外网站去接模具订单做,wordpress导航模版,邯郸网站设计怎么开发vant官网 异步加载选项 在使用级联选择时当一次性拿到数据量太大时不仅接口慢而且前端渲染页面也会变慢,用户体验很不好,建议使用异步加载选项, 拿到的接口让后端返回一个是否还有下一级的判断,不然van-cascader判断没有childre…

vant官网

异步加载选项

在使用级联选择时当一次性拿到数据量太大时不仅接口慢而且前端渲染页面也会变慢,用户体验很不好,建议使用异步加载选项,
拿到的接口让后端返回一个是否还有下一级的判断,不然van-cascader判断没有children的时候会自动结束的

可以监听 change 事件并动态设置 options,实现异步加载选项。

示例:

<van-popup v-model:show="showCascader" round position="bottom"><van-cascaderv-if="showCascader"  // 加上这个是因为在企微侧边栏使用的时候,操作偶尔会出现tabs歪的情况v-model="formData.id"title="请选择xxx":options="options"active-color="#1989fa":field-names="fieldNames"@change="onChange"@close="showCascader = false"@finish="onFinish"/>
</van-popup>

自定义字段名

后端定义的字段一开始可能不符合vant的默认字段,通过 field-names 属性可以自定义 options 里的字段名称。

const fieldNames = {// 换成后端返回的你需要的对应字段text: 'name',value: 'id',children: 'children'};

监听change事件,动态设置options

const onChange = ({value,selectedOptions}) => {getList({code:value}).then(res => { //请求接口res.data.map(item=>{if(item.children.length==0){ // 这个是和后端约定了如果没有子级,返回一个空数组,可以自己和后端约定一个可判断的值delete item.children}})addTree(selectedOptions, res.data, value)});};const addTree = (selectedOptions, children, id) =>{selectedOptions.forEach(item => {if (item.id=== id) {  // 注意这里是你要的valueitem.children = children}})}

这样就可以动态的获取到每一级下面的数据了

http://www.yayakq.cn/news/675984/

相关文章:

  • 小学网站建设工作小组python做网站性能太差
  • 网站前台设计网站后台管理系统登录
  • 校园网站建设硬件采购莱阳做网站
  • 购物网站排名哪家好wordpress前端表格插件
  • 西安网站建设开发怎么设计海报图片
  • 万远翔网站建设把网页做成软件
  • 手机上哪个网站江苏建科建筑培训网
  • 建站系统多少钱辽宁招标网
  • 个人音乐分享网站源码怎样看网站有没有做301
  • 网站模板双语网页游戏脚本制作教程
  • 温岭网站设计网站查询ip解析
  • 支部建设杂志官方网站设计说明生成器网页版
  • 南京房地产网站做网站必须要购买域名
  • 枣庄三合一网站建设公司深圳做网站建设月薪多少
  • 网站产品策划90设计网官网登录
  • 龙华网站建设网络推广这个工作好做吗
  • 怎样做辅导班的网站wordpress 路由设计
  • 上传照片的网站赚钱深圳设计公司办公室装修设计
  • 网站建设资质备案成都短视频代运营公司
  • 企业网站开发公司大全网站添加搜索关键字
  • s吗网站虚拟主机关于网站建设的文章
  • 双语网站价格洪山网站建设公司
  • 制度建设对网站管理的重要性网站建设设计说明书
  • 免费自媒体网站广州站西手表
  • 网站海外推广服务免费自助建站怎么样
  • win7系统做网站服务器石龙建设网站
  • 大城县建设局网站wordpress建站行吗
  • 做ppt高手 一定要常去这八个网站公众号的网站开发
  • 茂名手机网站制作免费做外贸的网站建设
  • 网站左侧的导航是怎么做的网站仿站