element Cascader 级联选择器 选择任意一级选项问题

[Q_Q 忙里偷闲]

跪求大家给一个解决办法，element的组件Cascader 级联选择器




问题一：怎么点击选中的圆圈把窗口关闭掉。
问题二：还要怎么点击文字也可以选中，这个选泽任意一级只能点击圆圈那里才能选中

[Q_Q 忙里偷闲]

引用 1 楼 scscms太阳光 的回复:

你这样会有冲突的：选中必须关闭，点文本也选中自然也就会关闭，那还有什么办法查看子级？？

我这里是用 expand-trigger="hover" 去触发他查看子级，现在是想点击文本就关闭窗口。

[scscms太阳光]

<el-cascader  v-model="value" expand-trigger="hover" ref="cascader"></el-cascader>
<script>
    new Vue({
        el: '#app',
        watch:{
            value(){
                this.$refs.cascader.toggleDropDownVisible() //监听值发生变化就关闭它
            }
        },
        mounted(){
//点击文本就让它自动点击前面的input就可以触发选择。但是因组件阻止了冒泡，暂时想不到好方法来触发。
          setInterval(function(){
              document.querySelectorAll('.el-cascader-node__label').forEach(el=>{
                  el.onclick = function () {
                      this.previousElementSibling.click()
                  }
              })
          },500)
        }
 })
</script>

[scscms太阳光]

你这样会有冲突的：选中必须关闭，点文本也选中自然也就会关闭，那还有什么办法查看子级？？

[scscms太阳光]

点击input才给选择或者取消，点击文本是展开和收缩的。需求有没有好好评审？

[Q_Q 忙里偷闲]

引用 4 楼 scscms太阳光 的回复:

<el-cascader  v-model="value" expand-trigger="hover" ref="cascader"></el-cascader>
<script>
    new Vue({
        el: '#app',
        watch:{
            value(){
                this.$refs.cascader.toggleDropDownVisible() //监听值发生变化就关闭它
            }
        },
        mounted(){
//点击文本就让它自动点击前面的input就可以触发选择。但是因组件阻止了冒泡，暂时想不到好方法来触发。
          setInterval(function(){
              document.querySelectorAll('.el-cascader-node__label').forEach(el=>{
                  el.onclick = function () {
                      this.previousElementSibling.click()
                  }
              })
          },500)
        }
 })
</script>

大佬您好，非常感謝您能百忙之中帮我解答，暂时问题都已经解决了，现在还有个问题就是怎么这个组件使用插槽呢
如下图一样。

[Lily_sayhi]

能实现选中任意一级的选项了吗？

[Q_Q 忙里偷闲]

引用 6 楼 Lily_sayhi 的回复:

能实现选中任意一级的选项了吗？

是的

[Stud_movingj]

可以试试el-cascader-multi 加强版的el-cascader

[Q_Q 忙里偷闲]

引用 9 楼 Stud_movingj 的回复：

可以试试el-cascader-multi 加强版的el-cascader

谢谢，这个之前试过了，也是多选的一个插件，用的时候有几个坑，就还是换了。

[weixin_45636844]

懒加载和多选选择任意一级选项的时候，会把前面的checkbox给取消选中，还有数据回显也有问题。楼主遇到过吗

[又过一天]

楼主，我也遇到这个需求了，能加下我QQ 464314227 ，咨询下你吗？

[Q_Q 忙里偷闲]

引用 12 楼 又过一天 的回复：

楼主，我也遇到这个需求了，能加下我QQ 464314227 ，咨询下你吗？

70255403

[罗罗诺·亚索]

比较原始的方法，当发生改变时触发change事件，在事件中给该元素一个失去焦点属性。只是一个思路，具体实现还得实践。