技术标签： javascript vue.js html elementui
...
//注意：折叠面板 依赖 element 模块，否则无法进行功能性操作 layui.use(‘element’, function () { var element = layui.element; //折叠面板监听 element.on(‘collapse(filter)’, function(data){ // console.log(data....
...
今天项目让弄一个折叠面板 UI库里的不太适用 然后就自己弄了一个 直接上代码 以上就是折叠面板的一个小功能...
vue-cli3+vant实现折叠面板上面标题自定义，代码如下：...
利用插槽实现自定义折叠面板标题...
我在使用naive UI 的折叠面板时，他有个特点，就是无论点击header的哪个位置，都会展开/折叠面板。且组件没有提供api设置可点击区域 这个特点会带来一个问题，比如如下场景： 由于我在header上设置的内容比较复杂，有按钮，导致这么一个问题，我点击自己的按钮，也会展开或折叠面板，那么就没办法友好的使用我自己的按钮了。 所以，我希望，只有点击左边的箭头图标时，才会展开或折叠面板。 解决方案...
mui 折叠面板展示echart 图片问题 在实现app端数据展示时，需要在折叠面板展示echart图表，在实现过程中发现，除非页面初始化完成时，面板默认打开（mui-active）才可以加载正确图表，否则的话，图表样式就会乱掉。 从网上查询到可以将图表初始化的div放到外面，实际操作过程中发现，的确可以，但是折叠面板失效。 自己尝试发现如下方法可以实现，在页面初始化时，通过js进行width设置...
点击可查看原文章 改变标题 改变箭头方向或者箭头图标...
1.dom元素 2.css样式 3.js代码 ...