mahone009
V2EX  ›  Vue.js

请教 element-ui cascader 问题

  •  
  •   mahone009 · Apr 3, 2024 · 2789 views
    This topic created in 946 days ago, the information mentioned may be changed or developed.

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




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


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

    chenluo0429
    chenluo0429
    Apr 3, 2024 via Android
    1
    在 category-cascader ,没有通过 prop 接受外部传入的 categoryPath ,用的自己 data 的,肯定还是之前的数据。不引入的时候没问题,是因为你写对了
    linkopeneyes
    linkopeneyes
    Apr 3, 2024
    2
    如果你的 cascader 里面的数据是写在你的 category-cascader 里面的可以在 el-dialog 上加上 destroy-on-close 在关闭弹窗的时候销毁子元素就可以每次都是初始状态了
    mahone009
    mahone009
    OP
    Apr 3, 2024
    3
    @chenluo0429
    @sjhhjx0122 解决了, 谢谢大佬们
    Krue
    Krue
    Apr 3, 2024
    4
    @mahone009 最终解决方案是啥呢?
    mahone009
    mahone009
    OP
    Apr 4, 2024
    5
    @Krue 关闭弹窗时, 手动给子组件的 path 置为空
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2706 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 13:36 · PVG 21:36 · LAX 05:36 · JFK 08:36
    ♥ Do have faith in what you're doing.