elementUI
lbchenxy
与简书前端小菜同一作者
展开
-
elementUI table组件
<template> <div class="w-data-table" v-loading="tableLoading"> <div class="dt-search" v-if="$slots.search"> <el-form ref="searchform" size="mini" class="dt-search-form-inline" :inline="true"原创 2021-05-12 14:31:00 · 662 阅读 · 0 评论 -
elementUI tree树和loadNode和dialog
dialog 和 tree树的一个功能小组件我们先来看一下样式这里我们对dialog进行一个封装 ,tree树也进行了封装。我们这次采用的懒加载方式。tree树遇到的最大的问题loadNode只加载一次。所以我们点击查询的时候想重置操作我查了下文档没有怎么样重置loadNode的方法,然后经过大佬解答我们需要用node.loaded = false; node.expand();重置这层树。下边为了方便将代码送给大家对dealog的封装<template> <el-di原创 2020-08-20 16:16:21 · 1766 阅读 · 0 评论 -
element upload 上传图片 单独上传 和 添加formdata中提交的rules验证
element upload上传图片rules的验证分为单独提交还是放入formdata中提交一个前端小菜鸡。若下边的内容有瑕希望告诉我,如果有更好的方法希望告诉我,感谢万分。这篇文章主要介绍的对el-upload放在表单中提交之前rules的验证。这里的图片是必须提交项如果可以不提交可用常用方法直接提交就可以。放在formadata表达中提交&amp;amp;lt;el-form ref=&amp;quot;person...原创 2019-01-11 17:07:08 · 9227 阅读 · 0 评论 -
elementUi el-table添加,修改页面不刷新。this.$set简单用法
项目场景:elementUI描述:点击+在对应的下一行增加一个空行,点击-删除当前行。看起来so eazy,实际情况相反,也可能是我的技术能力有限。主要遇到了2个问题问题描述:1.删除很简单实现了,增加的时候出现添加的数据更新,但是页面不更新的情况;2.增加的时候增加的数据总是重复我点加号的下一行数据。3.关于el-table不更新有的帖子说增加:key,实际没有作用,下边我将有问题的和解决后的代码提供给大家原因分析:1.页面不更新,el-table绑定的是数组,数组直接赋值不能被 Obj原创 2020-08-28 20:27:02 · 7995 阅读 · 0 评论 -
element便利校验,this.$set用法,banner图切换位置
需求原型:主要涉及的问题:1.列表便利校验2.换位的this.$set函数;话不多说上代码,方便你我他//主要代码<el-form :model="formdata" ref="form" size="small" label-width="120px"> <div v-for="(banner, i) in formdata.BannerList" :key="i"> <el-col :span="6"> &l原创 2020-09-16 14:42:54 · 557 阅读 · 0 评论