logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue解决Element-ui中 el-cascader 级联选择器 最后一级数据为空显示暂无数据问题

1.出现问题bug: el-cascader控件 最后一级出现空白 暂无数据2. 问题原因分析经过调试分析出现空级联原因是:由于数据是从后台传递过来的,当后端的哥们使用递归算出菜单,然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组,这样就会造成,空级联 的bug存在。3.解决办法: 使用递归的方式,将最底层中的 children设为undefinedh

#elementui
vue element-ui分页删除最后一页的最后一条数据,返回上一页

1.默认当前页为第一页,页容量为10条data(){return{current:1,size:10}}2.再点击删除的时候进行如下配置// 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页(pageSize=1时不生效)let totalPage = Math.ceil((this.total - 1) / this.size)let currentPage =this.

#elementui
vue element-ui 实现el-table表格 多选以及回显

<el-tablev-loading="roleInfaceLoading"ref="multipleApiTable":data="data"tooltip-effect="dark"row-key="id"style="width: 100%"..

#elementui#vue.js
vue上传txt文件,并且读取txt内容

需求:点击上传txt文件,先读取txt文件中的内容进行展示。上传使用的是element的upload如下:<el-upload action="/"ref="upload"accept=".txt":before-upload="beforeUpload":disabled="this.fileList.length !== 0":default-

#vue.js#javascript
vue判断是否全屏状态

(1)使用screenfull来解决全屏操作(2)利用监听事件,来改变isFullscreen的值,进而控制页面展示“全屏”图标,还是“退出全屏"1.安装screenfull.js

#javascript#vue.js#前端
vue 点击左侧列表显示右侧内容

<template><div class="home"><div class="content"><div class="lunbo w"><el-carousel><el-carousel-item v-for="item in 4" :key="item"><h3...

#vue.js
vue 富文本vue-quill-editor 自定义字号大小和字体样式

一、先创建一个名为font的.css文件,然后引入自定义css// 字体样式大小.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="SimSun"]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="SimSun"]::before {content: "宋体

Vue利用递归的方法,根据id获取对应的字段名(树形数据)

树形数据源options:[{id: 1,name: '一级1',children: [{id: 4,name: '二级1',},{id: 5,

文章图片
#vue.js
vue 实现动态表单,点击新增 增加一行输入框

功能说明存在一排必填,点击增加后会新增一行,点击每行后面的删除图标则会删除该行,新增按钮只会出现在最后一行动态表单部分<el-form:model="dictMaintainForm"ref="dictMaintainFormRef":rules="dictMaintainFormRules"label-width="100px"class="demo-ruleForm">

#vue.js#elementui
    共 16 条
  • 1
  • 2
  • 请选择