您现在的位置是:网站首页> 编程资料编程资料
vue组件vue-treeselect箭头和叉图标变大问题及解决_vue.js_
2023-05-24
444人已围观
简介 vue组件vue-treeselect箭头和叉图标变大问题及解决_vue.js_
vue-treeselect箭头和叉图标变大
最近在项目开发过程中使用vue的treeselect组件遇到了图标变大的问题,附图:

其他页面也有应用到这个组件但没有出现这种情况,在我从正常页面跳转到这个页面的时候,不会出现问题,几个页面的样式代码并没有区别。
后经排查发现问题是因为没有引入treeselect的样式导致的,没有异常的页面是因为页面引入的子组件引入了treeselect样式。
解决方法
在使用到treeselect样式的页面中引入样式:import ‘@riophae/vue-treeselect/dist/vue-treeselect.css’
解决后的样子

插件vue-treeselect用法
效果图:

首先需要安装
npm install --save @riophae/vue-treeselect
用法看代码注释
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- Nodejs环境Eggjs加签验签示例代码_node.js_
- element-ui+vue-treeselect下拉框的校验过程_vue.js_
- 关于下拉类型多选组件Vue-Treeselect(键名转换)_vue.js_
- 如何修改vue-treeSelect的高度_vue.js_
- JavaScript中通用的jquery动画滚屏实例_javascript技巧_
- vue利用sync语法糖实现modal弹框的项目实践_vue.js_
- 关于vue-treeselect绑值、回显等常见问题的总结_vue.js_
- JS 中实现一个串型异步函数队列_javascript技巧_
- Vue封装远程下拉框组件的实现示例_vue.js_
- JS利用 React.lazy 优化页面初次渲染_javascript技巧_
