vue组件vue-treeselect箭头和叉图标变大问题及解决

目录

• vue-treeselect箭头和叉图标变大
• 解决方法
• 解决后的样子
• 插件vue-treeselect用法
• 首先需要安装
• 用法看代码注释

vue-treeselect箭头和叉图标变大

最近在项目开发过程中使用vue的treeselect组件遇到了图标变大的问题，附图：

其他页面也有应用到这个组件但没有出现这种情况，在我从正常页面跳转到这个页面的时候，不会出现问题，几个页面的样式代码并没有区别。

后经排查发现问题是因为没有引入treeselect的样式导致的，没有异常的页面是因为页面引入的子组件引入了treeselect样式。

解决方法

在使用到treeselect样式的页面中引入样式：import ‘@riophae/vue-treeselect/dist/vue-treeselect.css’

解决后的样子

插件vue-treeselect用法

效果图：

首先需要安装

npm install --save @riophae/vue-treeselect

用法看代码注释

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。