Element+Vue
Element+Vue
Ai卿
菜鸟启程,在路上,目标大佬
展开
-
JS 字符串转Date类型
//字符串转日期时间格式getDate(strDate) { var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')'); return date;},原创 2020-05-19 16:06:49 · 598 阅读 · 0 评论 -
Vue Form对象转JSON对象(Element + Vue)
//实例对象参数属性 form转json对象let data = this.form;let jsonObjList = [];let jsonObj = { name: "", value: "" };for (let name in data) { let value = data[name]; jsonObj.name = name; jsonObj.value ...原创 2020-04-30 17:01:54 · 1900 阅读 · 0 评论 -
跳转路由刷新页面,缓存操作(Element + Vue)
在跳转之前关闭,跳转之后,在刷新函数的里面加入开启缓存(写在最后一行)。//全局关闭缓存this.$route.meta.$keepAlive = false;//全局开启缓存this.$route.meta.$keepAlive = true;...原创 2020-04-30 16:47:12 · 931 阅读 · 1 评论 -
超出表格,内容隐藏(Element + Vue)
1、使用属性overHidden:true,超出部分显示为...鼠标悬停显示全部内容。详情见官网文档:https://avuejs.com/doc/crud/crud-doc{ label: "区域", prop: "areaName", overHidden: true, rules: [{ required: true, message: "请输入区域"...原创 2020-02-19 11:22:07 · 3264 阅读 · 0 评论 -
Vue里this.$refs(ref)(防老年痴呆)
1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。...原创 2020-02-18 16:54:16 · 1094 阅读 · 0 评论 -
省市区三级联动(Element + Vue)
1、 可以用属性cascaderItem进行传值,详情见官方文档:https://avuejs.com/doc/form/form-doccolumn: [ { showlabel: false, label: "省", prop: "province", type: 'select', props: { label: "provin...原创 2020-02-18 16:49:36 · 1761 阅读 · 0 评论 -
使用插槽功能,把组件(字段什么都可以)放到某个字段上(Element + Vue)
1、codemirror是插件要自行安装,后导入再使用<template slot-scope="scope" slot="htmltext"> <!-- 富文本编辑--> <codemirror ref="myCm" v-model="form.htmltext" :value="scope.htmltext" :options="cmOptio...原创 2020-02-18 16:42:32 · 547 阅读 · 0 评论 -
在页面中用函数打开一个对话窗口dialog(Element + Vue)
1、先在template写<el-dialog></el-dialog>然后配置属性<template><el-dialog :title="amountmoneyTitle" :modal-append-to-body="false" :visible.sync="amountmoneyVisible" :width="dialogwid...原创 2020-02-18 16:28:28 · 2057 阅读 · 0 评论 -
上传图片(Element + Vue)
{ label: "订单资源", prop: "ossName", type: "upload", dataType: 'string', accept: "image/jpeg", width: "80px", loadText: '附件上传中,请稍等', listType: 'picture-card', multiple: true, limit:...原创 2020-02-18 16:08:14 · 627 阅读 · 0 评论 -
一个对象下有多个对象如何展示(Element + Vue)
可用children属性,详情可见文档:https://avuejs.com/doc/crud/crud-doc{ prop: "plantimeList", label: "时间段", childTable: true, type: 'dynamic', span: 12, children: { height: 'auto', column...原创 2020-02-18 16:03:12 · 1193 阅读 · 0 评论 -
日期插件确定后日期少一天(Element + Vue)
{ prop: "beginTime", label: "开始日期", span: 6, type: "date", valueFormat:"yyyy-MM-dd",},使用valueFormat指定绑定值的格式。详情请见官网文档:https://avuejs.com/doc/crud/crud-doc...原创 2020-02-18 15:47:51 · 683 阅读 · 0 评论