vue
小花花inhere
这个作者很懒,什么都没留下…
展开
-
【vue】for循环 一行两列
<template v-for="(v, i) in storeList" > <el-row gutter="24" :key="i" v-if='i%2 == 0'> <el-col span="6"> 左边的内容 </el-col> <el-col span="6" v-if="i+1 < storeList.length"> 右边的内容 </el-col> &原创 2021-08-03 14:13:02 · 2946 阅读 · 0 评论 -
【elementUI】form表单给upload上传组件校验
解决办法:给表单el-form-item绑定个ref,然后在upload上传成功的回调里取消验证提示<el-form-item ref="headPortrait" label="头像" prop="headPortrait"> <el-upload v-model="form.headPortrait" :action="action" :show-file-list="false" :on-success="handleAvatarSuccess" > <原创 2021-02-01 16:21:19 · 795 阅读 · 0 评论 -
【vue】插槽 具名插槽 作用域插槽 插槽传参
具名插槽子组件:<slot name="slotName"></slot>父组件:<template slot="slotName"> <div> 插槽内容 </div></template>插槽传参子组件:<slot name="slotName" :row="data"></slot>父组件:<template v-slot:slotName="data"> &原创 2021-01-20 18:10:38 · 1439 阅读 · 0 评论 -
【vue+elementui】v-for循环生成的表单项、动态生成的表单项的校验
v-for循环生成的表单项、动态生成的表单项都有个特性,就是prop不确定,没有prop的话我们就无法像普通表单验证那样校验,所以我们要用:prop来校验。语法::prop="`v-for绑定的数组.${v-for的索引}.v-model绑定的变量`"示例如下:<el-form :model="organForm" ref="organForm"> <el-card v-for="(item, idx) in organForm.organList" :key="idx">原创 2021-01-19 18:22:48 · 3299 阅读 · 0 评论 -
【vue+elementui】自定义表单项label
创建表单时,若要对某个表单项做解释就要加问题引导,虽然el-form-item的label值类型是string,但我们可以用slot来自定义label的内容,代码如下:效果如下:原创 2021-01-19 15:07:13 · 2342 阅读 · 1 评论 -
【vue+elementui】时间选择器:时间格式、设置时间最大日期或最小日期、设置时间选择范围
时间格式新版的elementui新增了定义时间格式的属性value-format,这样就不用再自己写js在各种格式间转换。例:下面例子在获取startDate时返回的就是’2019-11-06 11:17:13’<el-date-picker v-model="startDate" type="date" :value-format="'yyyy-MM-dd HH:mm:ss'"&...原创 2019-11-06 11:39:25 · 7852 阅读 · 2 评论 -
【Vue】vue属性 filter过滤器
官方解释:注册或获取全局过滤器 在下理解:不改变data的数据格式,在界面显示处理后的数据格式 应用场景:比如表格的字段显示,接口返回是数组,但表格里肯定需要显示字符串。 例:<template> <el-table :data="tbData"> <el-table-column prop="name" label="姓名"&g..原创 2017-10-08 11:29:27 · 6255 阅读 · 1 评论 -
【vue】动态路由vue-router 动态加载
有时系统需要根据用户的权限来动态加载路由~vue-router有提供给我们一个 addRoutes() 方法,但这个方法只有2.2.0以上版本支持。下面我们看下具体写法:var router = { path: '', name: '', component: resolve => require.ensure([], (require) => { ...原创 2018-04-20 16:54:13 · 2681 阅读 · 0 评论 -
vue-router 打开新窗口新tab页
有时候需求需要点击某个按钮能新开一个tab页显示内容,有两种方式可以实现。一:<router-link></router-link>//关键点:target="_blank"<router-link target="_blank" to="/sys/setting">系统设置</router-link>二:vue-router提原创 2019-01-21 10:00:21 · 10932 阅读 · 0 评论