![](https://img-blog.csdnimg.cn/20210630113211514.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
iview
iview
H.F_0331
这个作者很懒,什么都没留下…
展开
-
iview弹窗拖拽效果和遮罩层同时使用
iview弹窗开启了 draggable 之后会强制不显示遮罩层,想要实现同时使用拖拽效果和遮罩效果,这时只能手动设置除弹框区域外其他区域不能点击,通过增加ivu style样式实现。<template> <Modal draggable v-model="isShow"> </Modal></template> <style> .ivu-modal-no-mask...转载 2021-08-24 10:59:26 · 646 阅读 · 0 评论 -
table列内容超出显示省略号
element-ui 和iview的table列内容超出部分省略并悬浮提示1. element ui element表格中在列标签中设置属性show-overflow-tooltip值为true<el-table-column :show-overflow-tooltip="true"></el-table-column>2.iviewiview在列定义中使用render函数调整表格行样式{ title: '报警信息', key: 'alarmIn原创 2020-06-30 15:38:37 · 421 阅读 · 0 评论 -
iview表格行设置前置图标
iview表格行设置前置图标1. 单行前置在需要设置前置图标的表格列定义中使用render函数{ title: '报警信息', key: 'alarmInfo', ellipsis: true, width: 300, render: (h, params) => { var stateClass; if ( params.row.alarmLevel == 1) { stateClass = "alarm_leve原创 2020-06-30 15:55:17 · 598 阅读 · 0 评论 -
iview可编辑表格 表格行添加输入框、选择器
iview可编辑表格 表格行添加输入框、选择器表格的列定义中,在需要编辑的字段下使用render函数Input输入框{ title: '控制器名称', key: 'conName', align: 'center', render: (h, params) => { return h('Input', { props: { value:params.row.conName },原创 2020-07-02 15:30:23 · 2404 阅读 · 2 评论