vue-element ui学习
关注
分享
扫一扫
NAME-CJF
彼此学习
展开
-
vue-element ui 表格里面嵌套图片
显示一张图片的方法：<el-table-column label="头像" width="100">2 <template scope="scope">3 <img :src="scope.row.head_pic" width="40" height="翻译 2018-04-04 16:52:07 · 11220 阅读 · 0 评论 -
vue v-for 循环（一行显示四个，每一行的最右边那个计算属性）
<div class="imglist-item" v-for="(items,key) in imgmaterialdialog.imglist" @click="selectimg(items,key)" :class="(key + 1) % 4==0?'imglist-noright':''"> <img :src="items.tempMaterialUrl"原创 2018-05-29 15:20:12 · 41475 阅读 · 0 评论 -
vue+element ui 学习笔记 【table篇】table默认选中选中一行setCurrentRow(row)以及默认选中多行toggleRowSelection（row,selected）
序言根据工作的需求，需要实现两个table实现头行级联的功能，所有在调用vue实例对象后，页面挂载完后需要默认选中头的table，获取行数据的id来通过接口实现头行级联功能。干起来~~~~1 element ui-----table默认选中一行setCurrentRow(row)首先我们来看下官方文档：下边我们看下代码：<el-table highlight-c...原创 2018-09-05 17:37:20 · 68365 阅读 · 17 评论 -
vue+element 学习笔记 form表单验证之input数字必输（只能是数字）校验问题
序言在开发项目的过程中，表单需要设置某些字段输入的值必须是数字，且是必输字段，我使用了element提供的方法v-model.number，但是出现了一点问题。具体见图：用了v-model.nuber以后：看到了图以后很显然意见，他虽然完成了必输字段需要时数字这个需求，但是他还是可以输入文字。于是采用了另一种办法：具体用法看代码：<el-input v-mode...原创 2018-09-06 22:05:05 · 40453 阅读 · 4 评论 -
vue+element ui学习笔记之input加搜索icon组合选取数据
首先我们来看一下效果图:具体的代码实现：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/e原创 2018-10-09 15:11:12 · 3837 阅读 · 0 评论