vue的vant组件库中TreeSelect分类选择怎么修改左边分类列表的宽度？？？急

Posted 2023-04-11

vue的vant组件库中TreeSelect分类选择怎么修改左边分类列表的宽度？？？我只是改了列表中的每一个选择宽度，但是左边列的整体宽度不会变小(颜色能看出来)。导致我右边的图片每行只能放两个，不能放3个。

.van-sidebar
flex：1；

这是源代码，左边flex为1 右边flex值为2 所以左右比例为1：2 ，你可以把左边的flex值改为0.75 参考技术A 代码能发下吗,学习一下 参考技术B 楼主，可以分享一下你的代码吗？ 参考技术C 楼主能分享下源代码嘛？ 参考技术D 楼主 左侧选项栏的那个选中颜色怎么改啊 还有为什么我的图片显示不出来

vue2 - 解决treeselect树形组件获取焦点后无法关闭element的选择器和日期选择器的问题

问题：

 

 

解决：

treeselect添加@open="openFun"

/**
       * 菜单打开时发出
       */
      openFun() 
        this.$bus.$emit("closeSelect");
        this.$bus.$emit("closeDatePicker");
      ,

选择器el-select添加ref="elSelect"

mounted() 
      /**
       * 收起下拉菜单
       * this.$bus.$emit("closeSelect");
       */
      this.$bus.on("closeSelect",()=>
        if(this.$refs.elSelect) 
          this.$refs.elSelect.blur();
        
      )
    ,
    beforeDestroy() 
      this.$bus.off(closeSelect);
    ,

日期选择器el-date-picker添加ref="elDatePicker"

mounted() 
        /**
         * 关闭日期时间选择器
         * this.$bus.$emit("closeDatePicker");
         */
        this.$bus.on("closeDatePicker",()=>
            if(this.$refs.elDatePicker) 
                this.$refs.elDatePicker.pickerVisible = false;
            
        )
    ,
    beforeDestroy() 
      this.$bus.off(closeDatePicker);
    ,

 

前端菜鸟一枚，习惯记录平时遇到的一些问题和学习笔记，觉得有用的可以点个支持！