![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
叫我大猫
这个作者很懒,什么都没留下…
展开
-
vue中element的去重校验
需要校验的表单项需要有prop属性,和:error属性 <el-form-item label="昵称" prop="nickName” :error="errorMsg"> <el-input v-model="userInfo.nickName" @change="duplication"/> </el-form-item> data: { errorMsg: '' }, computed: { ...mapGetters([ 'userId' ])原创 2020-07-08 16:49:00 · 714 阅读 · 0 评论 -
elment tree 树组件 实现父节点选中,子节点不选中,子节点选中,父节点选中,子节点全部取消,父节点不取消,父节点取消,子节点全去选
1、带复选框的树组件必须设置:check-strictly = “true” :show-checkbox=“true” @check=“checkChange” <el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="id" show-checkbox :check-strictly = "true"原创 2020-06-19 17:27:56 · 4153 阅读 · 11 评论 -
vue-pdf不显示内容,报错window is not defind
使用vue-pdf引入组件到页面后,控制台可以看到dom元素生成了,但是页面并没有显示内容,控制台报错window is not defind 解决方案:修改一下webpack.base.config.js中全局的this指向原创 2020-06-09 20:21:16 · 3003 阅读 · 4 评论 -
vue 动态class绑定
<h2 :style="{color: dColor, fontSize: dFontSize + 'px'}">今天天气不错</h2> <h2 :style="objStyle">今天天气不错</h2> <h2 :style="[objStyle1, objStyle2]">今天天气不错</h2> data(){...原创 2020-03-12 18:12:27 · 63 阅读 · 0 评论 -
js中虚拟数据源
formatter.js // 虚拟数据 export function getDayData() { return { 'status_code': 1, 'message': 'success', 'time': 1583311281468, 'data': { 'id': 2, 'planName': 'yyy', 'p...原创 2020-03-11 16:56:16 · 227 阅读 · 0 评论 -
element table的表头插槽
<el-table :data="listData" border fit highlight-current-row height="419"> <el-table-column type="index"></el-table-column> <el-table-column :key="item.key" v-for="(item) in...原创 2020-03-11 16:48:07 · 2218 阅读 · 0 评论 -
v-charts,父级传过来的数据改变图表消失
项目使用vue+v-charts,在发现父级数据源改变,子组件中收到改变后的数据 ,页面上视图消失。。。 尝试了各种方法发现自己挖了两个坑: 1、v-charts须设置默认宽高,没有设置 2、监听父级传过来的数据,父级穿过来的数据要遍历,push到当前的v-charts绑定的数据源中,记得push前先清空数据源 <ve-histogram :data="chartData" width=...原创 2019-11-13 17:40:48 · 522 阅读 · 0 评论 -
vue大屏页面缩放功能
容器 <div id="screenContainer" :ref="ref" class="pos"> //应根据后台传来的值调用组件在大屏页面生成可配置组件,后台将会入各类组件的定位信息 //postion为定位信息 class为组件公共样式,参考BEM规范定义 <div v-for="(item,index) in 数据源" :key = "index" ...原创 2019-11-13 17:28:28 · 3995 阅读 · 0 评论 -
报表控件Echarts(1)
VUE中echarts的引入方式 一、第一种方式通过npm 按装 在项目中通过npm 下载依赖 cnpm install echarts -S 在main.js中引入并且挂载在原型上 import echarts from ‘echarts’ Vue.prototype.$echarts = echarts; 在需要使用的地方使用 let myChart = this.echarts.init(...原创 2019-10-11 10:39:31 · 137 阅读 · 0 评论 -
学习之路 vue模块化暴露和引用
每一个.js文件就是一个模块。 每一个从第三方下载的服务或者插件也是一个模块。 甚至于每一个.vue组件也可以算是一个模块。 因为,在javascript中,每一个想要被引用的模块,我们都需要用,export 或者 export default将他暴露出去,在需要引入的时候import 或者 import {} (import 是ES6的规范) vue也是比较遵循与JavaScript的标准...原创 2019-09-19 14:44:01 · 1075 阅读 · 0 评论 -
学习之路 vue混入mixins
基础 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 例子: // 定义一个混入对象 var myMixin = { created: function () { this.hello() }, ...转载 2019-09-18 17:03:22 · 645 阅读 · 0 评论 -
vue+pc端录音+canvas音频可视化+输出blob文件+播放录音
引入封装好的record.js文件,代码如下 /* 录音 vue文件 标准版,canvas可视化版 */ window.URL = window.URL || window.webkitURL navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator...原创 2019-07-22 10:38:18 · 2067 阅读 · 3 评论