
VUE
Yàο耀耀
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue+vue-matomo实现埋点
matomo 原名(piwik)主要用于统计用户访问记录,其原理是在宿主系统(有统计需求的系统)应用上放置探针,即系统对接,在不影响宿主系统正常运营的条件下,统计各种主要的指标,以达到数据分析和再加工的目的。matomo官网Matomo/Piwik中文网地址 内有vue-matomo简单介绍以及demo.简单介绍完毕,正文开始!!!首先引入vue-matomonpm i vue-matomo在 main.js中配置import VueMatomo from 'vue-matomo'Vue.原创 2020-08-05 10:03:08 · 4815 阅读 · 1 评论 -
vue+vue-meta-info动态设置meta标签
在写移动端项目的时候,通常都会设置meta禁止用户缩放。 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">最近的需求中,个别页面允许用户缩放,就需要给不同的页面设置不同的meta了。但是vue是单页面应用,没办法向原生一样给每个页面设置不同的头信息。所以就需要借助到vue-meta-.原创 2020-05-29 10:47:32 · 7209 阅读 · 1 评论 -
vue导出word纯前端实现
最近项目有个需求导出word,纯前端实现,查了查资料,用docxtemplater简直不要太简单。直接把官网例子拿过来就可以了。!!!官网地址首先,新建一个docx文件,把模板先写好。注意!!如果数据结构中存在数组。 用{#xxx}{/xxx} 包裹。数据结构示例: wordData: { name: '导出word', nameList: [{...原创 2019-12-09 17:31:27 · 5951 阅读 · 17 评论 -
element.ui时间验证结束时间大于开始时间
let validateStartTime = (rule, value, callback) => { if(!value){ callback(new Error("请选择开始时间")); }else{ if(this.form.endTime){ this.$refs.ruleForm.v...原创 2019-11-11 11:40:16 · 1717 阅读 · 0 评论 -
element.ui修改table的边框颜色
// table边框颜色.el-table--border:after,.el-table--group:after,.el-table:before { background-color: #C0C4CC;}.el-table--border,.el-table--group { border-color: #C0C4CC;}.el-table td,.el...原创 2019-10-15 09:50:57 · 8862 阅读 · 1 评论 -
element.ui中table中嵌套input(二)(带输入框验证)
昨天写了个table中放入input的小例子,今天闲暇之余又琢磨了下带有验证的。主要注意两个地方就行,动态生成 el-form-item的 prop 以及给el-form-item设置rules属性。话不多说,直接上代码!html部分<el-form :model="formData" ref="formData"> <el-table :data="fo...原创 2019-05-08 17:29:02 · 15320 阅读 · 3 评论 -
element.ui中table中嵌套input
最近项目中有需要在table中放入input 实现增、删、查、改。写了个简单的小demo记录一下。 <el-table :data="tableData" border stripe style="width: 100%;"> <el-table-column prop="name" label="姓名"> <template s...原创 2019-05-07 17:16:21 · 33983 阅读 · 18 评论 -
element.ui多个表单同时验证
最近需求中一个页面有多个表格要同时提交,一开始也没多想,按正常验证写,this.$refs['srvContainerBasicForm'].validate((valid) => { if (valid) { alert("验证通过了") } else { this.$message.error(...原创 2019-05-23 11:22:51 · 7130 阅读 · 0 评论 -
elemnt.ui中upload手动上传+非空判断
之前做的都是自动上传,通过上传成功的回调来判断,这次需求要手动上传,所以记录一下。<template> <div> <el-upload class="upload-demo" ref="upload" :action="upload_url" :auto-upload="false" :before-upload="beforeAvatar...原创 2019-07-15 17:28:32 · 2804 阅读 · 0 评论