![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
一棵星星
这个作者很懒,什么都没留下…
展开
-
【Element-UI】单独引入Message组件
引入:import { Message } from 'element-ui'Message.install = function(Vue, options) { Vue.prototype.$message = Message}Vue.use(Message)调用: Message({ message: 'error message!', type: 'warning' })原创 2022-02-28 15:15:53 · 1954 阅读 · 0 评论 -
【element-ui】使用picker-options限制结束时间不得早于开始时间
HTML: <el-form-item class="form-item" label="开始时间:" prop="starttime" label-width="100px">//注意这里是是开始时间 <el-date-picker v-model="form.starttime" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder :picker-option原创 2020-08-03 18:02:36 · 3348 阅读 · 0 评论 -
【vue.js\element ui】关于 this.$refs[formName].validate()无法校验的解决办法
解决办法:在每个判断里加上callback()const checkPhoneNum = (rule, value, callback) => { if (!value) { callback(new Error("手机号不能为空")); //每一个if、else的结尾都要有callback } if (!validatePhone(value)) { callback(new Error("请输入正确的手机号码"));//每一个if、els原创 2020-07-09 16:15:33 · 1885 阅读 · 0 评论 -
【element-ui】el-date-picker数据回显成功,修改日期后强制渲染/更新
<el-date-picker v-model="form.validateTime" value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="$forceUpdate()" //强制渲染></el-date-picker>...原创 2020-07-06 11:46:58 · 3904 阅读 · 0 评论 -
【element-ui】 多个table分别对应的多选框选中后部分禁用/selectable的用法
HTML:<span @click="addPersonFunc('2')"> <i class="el-icon-circle-plus">添加人员</i></span><el-dialog title="添加人员" :visible.sync="dialogTableVisible"> <el-table :data="personList"> //selectable的用法 <el-table-co原创 2020-06-30 20:01:10 · 942 阅读 · 0 评论 -
【element-ui】 多个单选框radio,选中某一个时手风琴动态展开的实现
主要思想: 手风琴是根据activeName的值来决定展开哪一个el-collapse-item的,每一个手风琴的el-collapse-item都有独一的name。因此,name=index,然后选择radio的时候,再activeName = index,由此判断是否展开该el-collapse-item。以下是从项目中复制过来的代码,删减了不必要的部分。html:<el-collapse v-model="activeName" accordion> <el-colla原创 2020-06-24 15:58:35 · 1699 阅读 · 0 评论