vue项目中使用了element-ui的el-tree树节点对数据进行了渲染，奈何数据量太大导致页面卡死或需要3s以上才可渲染出来。为了解决以上问题，查询资料对问题进行了解决，对此进行整理。希望可以帮到你。vue-easy-tree选用vue-easy-tree，这个组件兼容element-ui中el-tree的方法，在使用虚拟滚动时，也可继续使用el-tree的方法。安装npminstall@wchbrad/vue-easy-tree或yarnadd@wchbrad/vue-easy-tree 使用importVueEasyTreefrom"@wchbrad/vue-easy-tree";e
vue项目中使用了element-ui的el-tree树节点对数据进行了渲染，奈何数据量太大导致页面卡死或需要3s以上才可渲染出来。为了解决以上问题，查询资料对问题进行了解决，对此进行整理。希望可以帮到你。vue-easy-tree选用vue-easy-tree，这个组件兼容element-ui中el-tree的方法，在使用虚拟滚动时，也可继续使用el-tree的方法。安装npminstall@wchbrad/vue-easy-tree或yarnadd@wchbrad/vue-easy-tree 使用importVueEasyTreefrom"@wchbrad/vue-easy-tree";e
el-radioel-radio中，已经选中的按钮无法通过再次点击去取消选择，所以要满足条件需要改变成对应的点击事件。备选项letmap;exportdefault{data(){return{radio:true,};},methods:{change(value){this.radio=value===true?false:true;},},};使用正常的点击事件是无法触发的，所以要使用@click.native.prevent，这样就可以触发按钮的点击事件，不过通过点击事件来处理一些逻辑的时候，就无法触发自带的@input事件。@click.native.prevent给vue组件绑定事
el-radioel-radio中，已经选中的按钮无法通过再次点击去取消选择，所以要满足条件需要改变成对应的点击事件。备选项letmap;exportdefault{data(){return{radio:true,};},methods:{change(value){this.radio=value===true?false:true;},},};使用正常的点击事件是无法触发的，所以要使用@click.native.prevent，这样就可以触发按钮的点击事件，不过通过点击事件来处理一些逻辑的时候，就无法触发自带的@input事件。@click.native.prevent给vue组件绑定事
1.如果只比较两个值的话---效果是这种的 //这是的pickerv-model="vm.edit.data.planPsDateStart"type="date":picker-options="pickerOption_start"placeholder="开始时间"style="width:100%"/>pickerv-model="vm.edit.data.planPsDateEnd"type="date":picker-options="pickerOption_end"placeholder="结束时间"style="width:100%"/>//这是下的data的pic
1.如果只比较两个值的话---效果是这种的 //这是的pickerv-model="vm.edit.data.planPsDateStart"type="date":picker-options="pickerOption_start"placeholder="开始时间"style="width:100%"/>pickerv-model="vm.edit.data.planPsDateEnd"type="date":picker-options="pickerOption_end"placeholder="结束时间"style="width:100%"/>//这是下的data的pic
公司某项目需求在页面显示的组件是根据角色变化而变化的，在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件，如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了，如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了；但是在使用了setup语法糖之后，没有了components选项，我突然就有点无从下手，在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧，于是就写下了如下代码然后发现不对劲，啥也不显示，进devtools一看，这东西怎么没挂上啊啥也没有！没办法，再
公司某项目需求在页面显示的组件是根据角色变化而变化的，在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件，如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了，如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了；但是在使用了setup语法糖之后，没有了components选项，我突然就有点无从下手，在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧，于是就写下了如下代码然后发现不对劲，啥也不显示，进devtools一看，这东西怎么没挂上啊啥也没有！没办法，再
需求：el-form每行显示两列，底部按钮居中问题：以前的解决办法是：el-col,el-row。但是这里只有一个el-form-item的label数据是已知的，其余项都是循环得到的，数量不固定，因此不能采用el-col方式。尝试尝试过item左浮动，flex，底部定位，都无法解决。解决办法el-form添加inline属性，给每个item设置宽度；给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉，比如flex:1
需求：el-form每行显示两列，底部按钮居中问题：以前的解决办法是：el-col,el-row。但是这里只有一个el-form-item的label数据是已知的，其余项都是循环得到的，数量不固定，因此不能采用el-col方式。尝试尝试过item左浮动，flex，底部定位，都无法解决。解决办法el-form添加inline属性，给每个item设置宽度；给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉，比如flex:1
