V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mahone009
V2EX  ›  Vue.js

请教 element-ui cascader 问题

  •  
  •   mahone009 · 14 天前 · 758 次点击

    大佬们, 遇到一个奇葩问题, 我点击新增后, 弹出弹窗, 在弹窗中用 element-ui cascader 选择数据, 点击确定按钮关闭弹窗后, 对 cascader 绑定的数组进行置空, 但下次打开弹窗后, 上次 cascader 的数据还是会展示出来




    注意: 如果不引用封装的组件, 直接将 cascader 嵌入到弹窗, 那就不会出现此问题, 如:


    目前找到的解决办法是, 给 cascader 组件绑定一个 key, 在每次关闭弹窗时, 改变 key 的值实现重新创建 cascader 组件, 但频繁的创建销毁, 性能也会有不小的开销

    5 条回复
    chenluo0429
        1
    chenluo0429  
       14 天前 via Android
    在 category-cascader ,没有通过 prop 接受外部传入的 categoryPath ,用的自己 data 的,肯定还是之前的数据。不引入的时候没问题,是因为你写对了
    sjhhjx0122
        2
    sjhhjx0122  
       14 天前
    如果你的 cascader 里面的数据是写在你的 category-cascader 里面的可以在 el-dialog 上加上 destroy-on-close 在关闭弹窗的时候销毁子元素就可以每次都是初始状态了
    mahone009
        3
    mahone009  
    OP
       14 天前
    @chenluo0429
    @sjhhjx0122 解决了, 谢谢大佬们
    Krue
        4
    Krue  
       14 天前
    @mahone009 最终解决方案是啥呢?
    mahone009
        5
    mahone009  
    OP
       13 天前
    @Krue 关闭弹窗时, 手动给子组件的 path 置为空
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3248 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:43 · PVG 20:43 · LAX 05:43 · JFK 08:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.