![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
iview页面技术
iview页面技术
表演系小学渣
沉迷键盘,无法自拔
展开
-
iview使用render函数在列表页生成状态列表并修改
只贴出核心代码截图如下,点击下拉菜单即可修改项目发布状态,显示的内容根据字段status来判断,status为0时未发布,为1时已发布说明:handleEditStatus方法中只是修改状态,不影响前台显示columns: [{ title: '项目状态', key: 'status', minWidth: ...原创 2019-06-12 11:42:38 · 937 阅读 · 0 评论 -
iview在Table表格中渲染Tooltip文字提示,使用render实现
{ title: '发送范围', key: 'sendRangeName', minWidth: 100, align: 'center', className: 'noticeConciseContent', render: (h, params) =>...原创 2019-06-14 14:28:02 · 7700 阅读 · 4 评论 -
iview表格某列添加文字样式
比如Table中某一列的文字太多显示不方便,则可以一行显示,多余的用省略号代替,实现方法:1、给当前列添加自定义class名称{ title: '内容', key: 'conciseContent', minWidth: 200, align: 'center', className: '...原创 2019-06-14 11:46:25 · 1930 阅读 · 0 评论 -
iview的Modal1中tabs嵌套Modal2弹框问题
问题:Modal2在Modal1的tabs中其中一个组件中嵌套,Modal2默认弹框在Modal1下面解决办法:直接修改父级Modal1,Modal2不做修改<Modal v-model="modal.visible" class="editProjectsList_body" class-name="editProjectsList" width="80%" footer-h...原创 2019-05-29 15:04:31 · 2241 阅读 · 0 评论 -
iview使用Radio实现单选
1、前端页面iview中代码model.isUsePlan为绑定数据 ,changeModel是点击单选按钮时触发事件<RadioGroup v-model="model.isUsePlan" @on-change="changeModel"> <Radio v-for="item in workOrderList" :label="item.value" :ke...原创 2019-04-17 17:28:39 · 8886 阅读 · 8 评论 -
iview组件Select使用与回显
数据库存入的是数字,select菜单根据数字显示文字,并且对字段进行改查以及回显1、编辑页面<i-select v-model="edit.type" style="width:100%"> <i-option v-for="item in typeList" :key="item.value" :value="item.value">{{ item.lab...原创 2019-04-17 08:45:06 · 9568 阅读 · 0 评论 -
iview 文件上传upload中的文件大小配置
<Upload *** :max-size="50 * 1024" :on-exceeded-size="handleMaxSize" ***>// 执行方法handleMaxSize (file) { this.$Notice.warning({ title: '文件大小超限', desc: '文件 ' +...原创 2018-11-26 17:12:07 · 5373 阅读 · 2 评论