学习
实践
活动
专区
工具
TVP
写文章

Vue 实现数组四级联动

前言 最近项目上有个需求就是做下拉列表的四级联动,使用的是vuejs + elementui,使用数组存储对象的形式做为列表渲染到页面上的数据,但是在下拉列表联动的时候发现几个问题,现在记录下解决办法 四级联动问题解决方法 问题一:修改对象数组后前端页面不重新渲染 这个问题其实Vue官网也说明过关于数组变化不会重新渲染页面的问题。 this.arrys.forEach((item, i) => { if (i === index) { // 因为是四级联动 // 假设res是后台返回的要渲染到页面上的四级联动数组数据 let resdata = res; // 给one、two、three和four赋值 resdata.forEach(item => { twoList也就跟着变了,这就是不是单独的四级联动了,而是所有twoList都跟着动了!

45930
  • 广告
    关闭

    新年·上云精选

    热卖云产品新年特惠,2核2G轻量应用服务器9元/月起,更多上云必备产品助力您轻松上云

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    相关产品

    • Serverless 应用中心

      Serverless 应用中心

      联动云上资源,弹性扩缩,按需付费,极速部署 Serverless 应用的开发平台。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券