vue element
以vue为基础,深入了解
1113467806
这个作者很懒,什么都没留下…
展开
-
vue解决Element-ui中 el-cascader 级联选择器 最后一级数据为空显示暂无数据问题
1. 出现问题bug: el-cascader控件 最后一级出现空白 暂无数据2. 问题原因分析经过调试分析出现空级联原因是:由于数据是从后台传递过来的,当后端的哥们使用递归算出菜单,然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组,这样就会造成,空级联 的bug存在。3. 解决办法: 使用递归的方式,将最底层中的 children设为undefined3.1 html 代码<el-cascader :show-all-levels="f原创 2021-06-23 11:19:51 · 4336 阅读 · 2 评论 -
el-cascader el-tree 递归
el-cascader (递归)把children为空数组置为undefined<el-cascader @change="cascaderchange" v-model="value" placeholder="试试搜索:指南" :options="options" :props="{ multiple: true, // 多选 expandTrigger: 'hov原创 2021-01-07 21:10:39 · 1200 阅读 · 0 评论 -
vue实现抽屉功能
<template> <div class="drawer"> <div @click="open()">drawer</div> <div class="setbox" :class="{show: isshow}"> <div class="header"> <p class="fl">标题</p> <button class="of原创 2020-08-03 22:30:46 · 2480 阅读 · 0 评论 -
vue点击按钮自动截图并下载
文章目录问题描述代码实现问题描述vue中点击按钮自动截图并下载图片点击一个按钮,截取对应区域的界面,才对截取的界面进行裁切并下载代码实现1、npm install html2canvas //下载包2、import html2canvas from "html2canvas" //导入包 components: { html2canvas },3.vue页面 ** ref="faultTree是你需要截图的部分** <el-button type="primary" @cl原创 2020-06-17 14:14:37 · 1846 阅读 · 18 评论 -
element分页:删除最后一页的所有数据后currentPage显示正确,但列表内容为空以及批量删除为空的问题
文章目录问题描述问题排查问题描述当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,还是直接上图说明吧。最后一页只有一条数据,删除操作之前如图所示pageSize为每页的条数,pageNo为第3页 删除之后的现象,如图删除之后的现象,如图你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。问题排查我应该传的为pageN原创 2020-06-12 10:29:31 · 857 阅读 · 0 评论