随笔分类 -  elementUI

vue+elementui {{ }} 的使用
摘要：{{ }} 里面可以是： 表达式 字符串 函数 正则表达式 boolean 主要有 1.{{num + 1}} 运算符 data:{ num:5 } 2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式 data:{ status: true } 3.{{changeT 阅读全文
posted @ 2020-09-15 18:29 鸣人卷~~ 阅读(1074) 评论(0) 推荐(0)
vue+elementui项目去除html标签
摘要：1、html代码 <div slot="ti_content" style="width: 100%;height: 250px;overflow-y: auto;"> <span v-html="highlight(addFromData.ti_content)"></span> </div> < 阅读全文
posted @ 2020-09-15 11:19 鸣人卷~~ 阅读(2371) 评论(0) 推荐(0)
vue+elementui 将后端传来数据编程tree结构、同一级别数据对象
摘要：前端目标代码： <ul v-loading="loading"> <li v-for="(item, index) in options" :key="index" :style="{ cursor: item.tic_parent_id != 0 ? 'pointer' : '' }" :clas 阅读全文
posted @ 2020-09-15 10:19 鸣人卷~~ 阅读(1277) 评论(0) 推荐(0)
为某个table项添加slot
摘要：<el-table-column slot="ti_content" label="文章内容" align="left"> <template slot-scope="scope"> <div class="box-content">{{ scope.row.ti_content }}</div> 阅读全文
posted @ 2020-09-11 08:51 鸣人卷~~ 阅读(826) 评论(0) 推荐(0)
vue+elementui项目，table项内容超过确定行以“...”显示剩余部分的实现
摘要：<el-table-column slot="tbiMemo" label="厂商介绍" align="left" minWidth="250px"> <template slot-scope="scope"> <div class="showInline">{{ scope.row.tbiMemo 阅读全文
posted @ 2020-09-10 18:24 鸣人卷~~ 阅读(2507) 评论(0) 推荐(0)
【vue】使用vue+element搭建项目，Tree树形控件使用
摘要：目录 一、安装依赖 二、常用属性、事件 三、demo应用 html代码 属性用法 3.2.1 :default-expanded-keys(默认展开项) 3.2.2 :props="defaultProps" 用法 3.2.3 通过render-content方法定义树节点内容(js代码) 3.2. 阅读全文
posted @ 2020-09-04 08:48 鸣人卷~~ 阅读(1638) 评论(0) 推荐(0)
Element-ui Radio单选框中label绑定数据类型问题
摘要：:label 绑定的是Boolean布尔类型或Integer整型数值 label 绑定的是String字符串类型如后端接受的数据searchMap.state是String类型，那么就应该是没有:的label！ <el-radio-group v-model="searchMap.state"> < 阅读全文
posted @ 2020-08-13 19:14 鸣人卷~~ 阅读(2852) 评论(0) 推荐(0)
处理后台数据list [ { list[ ] } ],分页
摘要：<!-- 负荷统计 2--> <template> <div id="electricityMonitoring"> <!-- 每台变压器平均功率因数 --> <searchForm :formConfig="formConfig" ref="tbword_ref" :value="getDataf 阅读全文
posted @ 2020-08-08 12:25 鸣人卷~~ 阅读(358) 评论(0) 推荐(0)
通过具名 slot （插槽）来显示Dialog 的标题
摘要：<el-dialog :visible.sync="dialogVisible"> <h1 slot="title" class="header-title"> {{ rowNotice.noticeTitle }} </h1> <div class="notice_content">{{ rowN 阅读全文
posted @ 2020-04-02 16:50 鸣人卷~~ 阅读(1447) 评论(0) 推荐(0)
elementUI 中，table表格如何实现当某一行被点击时会触发该事件（row-click）
摘要：@row-click 阅读全文
posted @ 2020-04-02 16:33 鸣人卷~~ 阅读(6025) 评论(0) 推荐(1)
vue moment库格式化处理日期
摘要：开篇 日期时间格式前端和后端都可以处理,我比较推荐前端来处理(定制化高),下面我就介绍下两种处理的方式 后端处理 django默认不经处理传给前端的日期格式为2018-08-26T19:53:36.538463,这往往不是我们希望的,其实处理这个很简单,只要在序列化类中处理下就好，如下 class 阅读全文
posted @ 2020-01-06 17:40 鸣人卷~~ 阅读(1698) 评论(0) 推荐(0)
vue，elementui——table表格中的:formatter属性
摘要：:formatter 常用来格式化内容 Function(row, column, cellValue, index) 使用： <el-table-column label="发布时间" prop="createTime" :formatter="dateFormat"></el-table-col 阅读全文
posted @ 2020-01-06 17:31 鸣人卷~~ 阅读(17258) 评论(0) 推荐(0)
深入理解vue中的slot与slot-scope
摘要：写在前面 vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。 实际上，插槽的概念很简单，下面 阅读全文
posted @ 2019-12-06 11:16 鸣人卷~~ 阅读(205) 评论(0) 推荐(0)
Vue中如何引入第三方icon库（阿里巴巴矢量图标库）
摘要：1、进入阿里巴巴矢量图标库； 2、新建项目 3、前缀注意不要跟element-ui自带的icon(el-icon)重名就ok 4、创建完成后，去阿里选自己要使用的图标，加入购物车 5、找到自己创建的项目，选中Font class ，点击下载至本地。 6、解压文件后，打开iconfont.css 7、 阅读全文
posted @ 2019-11-26 11:32 鸣人卷~~ 阅读(2675) 评论(0) 推荐(0)