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 4727 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 7161 1

原创 vue导出word纯前端实现

最近项目有个需求导出word，纯前端实现，查了查资料，用docxtemplater简直不要太简单。直接把官网例子拿过来就可以了。！！！官网地址首先，新建一个docx文件，把模板先写好。注意！！如果数据结构中存在数组。用{#xxx}{/xxx} 包裹。数据结构示例： wordData: { name: '导出word', nameList: [{...

2019-12-09 17:31:27 5874 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 1686

原创 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 8826 1

原创 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 2758

原创 vue内使用 cytoscape.js学习（一)

最近项目需求根据返回的数据渲染出一个拓扑图。看了一些文档和demo决定用cytoscape.js来实现，因为之前也没接触个这个库，也是第一次用，所以记录一下，也给需要用到的朋友提供一些帮助。官方文档点击：文档废话不多说，开始：npm install cytoscape --save //安装main.js中配置import cytoscape from "cytoscape";Vu...

2019-07-12 16:09:17 5423 1

原创 element.ui多个表单同时验证

最近需求中一个页面有多个表格要同时提交，一开始也没多想，按正常验证写，this.$refs['srvContainerBasicForm'].validate((valid) => { if (valid) { alert("验证通过了") } else { this.$message.error(...

2019-05-23 11:22:51 7119

原创 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 15261 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 33852 18

weixin_43753330的博客