前端ui框架类
前端ui框架类
东方的大熊
这个作者很懒,什么都没留下…
展开
-
Element UI中swich(开关)在表格中的使用
需求说明根据后台传值动态显示开关(0为关,1为开) 对开关进行操作时请求后台,需要传两个参数:ID,Status问题描述Swich默认是boolean类型,而后台传值 为number类型 Swich的change方法中只有一个回调参数解决方法1.自定义<el-switch v-model="status" active-value="1" inactive-value="0"></el-switch>请注意以面的写法,acti.原创 2020-06-03 11:11:11 · 1263 阅读 · 0 评论 -
element中的push传参
项目中通过this.$router.push路由跳转页面传递参数的方式很常见,一般有两种方式:1.params传参:this.$router.push({name:'parasetEdit',params:{pk_refinfo:'test',value:'test1'}});1目标页面接收参数:this.$route.params.pk_refinfo2.query传参:this.$router.push({path:'/uapbd/paraset/edit',query:{pk_原创 2020-06-01 21:21:51 · 1578 阅读 · 0 评论 -
elementUI的弹出dialog添加表单
<template> <div> <el-button type="text" @click="dialogVisible = true">编辑</el-button> <el-dialog title="表单弹框" :visible.sync="dialogVisible" width="30%"> <el-form ref="form" :model="form" label-width="80px"&.原创 2020-06-01 11:50:46 · 12548 阅读 · 0 评论 -
前端正则表表达式
非空校验 /^[\s\S]*.*[^\s][\s\S]*$/原创 2020-06-01 11:33:33 · 157 阅读 · 0 评论 -
element-ui的table列超出部分省略悬浮提示
<el-table-column label="标题" :show-overflow-tooltip="true" prop="title" align="center"> <template slot-scope="scope"> 【{{scope.row.ptitle}}】{{scope.row.pintro}} </template> </el-table-column>原创 2020-06-01 10:25:54 · 2232 阅读 · 0 评论 -
elementui中得table表格图片放大
<el-table-column label="商品图片" prop="pcoverimg" align="center" width="70px"> <template slot-scope="scope"> <el-popover placement="top-start" trigger="click"> <!--trigger属性值:hover、click、focus 和 manual--> <.原创 2020-06-01 10:04:15 · 1686 阅读 · 0 评论