vue.js
废柴英雄
这个作者很懒,什么都没留下…
展开
-
【无标题】
import Vue from ‘vue’;// v-dialogDrag: 弹窗拖拽属性Vue.directive(‘dialogDrag’, (el, binding, vnode, oldVnode) => {const dialogHeaderEl = el.querySelector(’.el-dialog__header’);const dragDom = el.querySelector(’.el-dialog’);dialogHeaderEl.style.cssText ..原创 2021-11-22 16:03:20 · 90 阅读 · 0 评论 -
vue项目表格动态列表,主要逻辑代码
<el-table-columnv-for="col in list_name":key="col":prop="col":label="col"min-width="100"></el-table-column> this.tableDat.list = data;this.tableDat.totalCount = totalCount;this.table_loading = false;let list = [];this.tableDat....原创 2021-05-25 16:39:09 · 66 阅读 · 0 评论 -
vue项目el-tabs中嵌套echarts插件,切换选项卡,数据获取正常,但是插件无法正常渲染的问题
其实非常简单只需要给插件容器加一个v-if判断即可判断key === activeName2,就可以正常切换显示了。 <el-tabs v-model="activeName2" @tab-click="handleClickLine" type="card"> <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabLsi原创 2021-03-16 16:31:45 · 718 阅读 · 1 评论 -
vue.js-2.0的生命周期
1.创建一个Vue实例;2.数据观察方法初始化,在数据观察及方法初始化之前回调beforeCreate钩子函数,方法初始化之后回调created钩子函数;3.检查Vue实例中是否定义el属性或者Vue实例是否调用$mount方法,二者必须有其一,然后判断是否有template,如果没有template,就以el属性所在的元素的outerHTML作为template;4.编译模板生成虚拟DOM,再将虚拟DOM挂载到真实DOM中,挂载之前回调beforeMount钩子函数,挂载之后回调mounted钩子.原创 2021-01-12 18:27:00 · 89 阅读 · 0 评论 -
vue.js-双向数据绑定原理
Vue实例上的所有属性都会通过Object.defineproperty方法进行追踪依赖,即使用Object.defineProperty把这些属性全部转化为getter和setter方法。当对应的数据被修改后,自动调用set方法,在set方法中通知所有的watcher数据更新了,watcher方法中会触发渲染函数重新渲染虚拟DOM,再将虚拟DOM更新到真实DOM中。...原创 2021-01-12 18:25:49 · 112 阅读 · 0 评论 -
call、apply、bind的使用方法及区别
作用:这三个函数的作用都是用来改变this的指向call使用方法fn.call(thisArg, arg1, arg2, arg3 ...)function fn1() { console.log(this)}const obj = { a: 1 }fn1.call(obj, 1, 2, 3, 4) // {a: 1}复制代码apply的用法fn.apply(thisArg, [arg1, arg2, arg3...])function fn1() { conso转载 2021-01-12 18:18:05 · 166 阅读 · 0 评论 -
vue.js中实现输入框可选可输入模糊匹配下拉框数据关键字高亮满足简拼匹配,全拼匹配,中文匹配三种方式
<el-input class="query must-bakcground" v-model="queryForm.michead" :placeholder=" $t('message.forecastParcel.qingxuanzekuaidigongsi') " @focus="focusmichead" @blur="b原创 2020-12-16 15:34:27 · 1179 阅读 · 0 评论 -
vue 3.0脚手架,环境配置
第二步进入config.js文件// 默认是本地环境if(env===‘production’){ // 生产环境target = proEnv.hosturl;}else if(env===‘test’){ // 测试环境target = testEnv.hosturl;}else if(env == ‘development’){ // 本地环境target = devEnv.hosturl;}// 生成代理配置对象let proxyObj = {};devProxy.forEac原创 2020-05-16 14:35:46 · 249 阅读 · 0 评论 -
移动端数据懒加载(滚动加载数据)
首先在钩子函数mounted里面做异步函数调用mounted: function() {this.$nextTick(function() {window.addEventListener(“scroll”, this.onScroll,false);});},第二部要销毁监控事件destroyed:function(){window.removeEventListener(‘scroll’,this.onScroll,false); //对监控滚动条事件进行解绑},// 获取滚动条当前原创 2020-05-16 14:33:03 · 880 阅读 · 0 评论 -
vue.j后端返回数据动态合并生成动态table表头
<el-table:data=“tableData.list”borderclass=“table”:header-cell-style="{background:’#eef1f6’,color:’#606266’}"<el-table-columnv-for=“col in list_name”:key=“col”:prop=“col”:label=“col”min-width=“240”getData(paylod) {let that = this原创 2020-05-16 14:31:33 · 870 阅读 · 0 评论 -
复选框被获取数据填充知乎,失效无法勾选和取消勾选。。。。。
这个问题我去百度找了很多答案,没有一个能解决。后来调整了一下赋值的先后顺序,之前异常是因为,我先把通过接口获取的数据赋值给定义的对象。然后,在到定义的对象里面创建属性,把获取的属性组合起来赋给创建的K。最后就出现了,数据渲染成功,但是勾选和去掉勾选功能失效。解决办法:将所有要用到的属性在赋值之前全部处理好,放进res.datal里面,然后再将res.data赋值给定义好的对象或者数组。...原创 2020-05-16 14:30:07 · 214 阅读 · 0 评论 -
vue项目中在使用element-ui出现警告的解决办法
复现问题要做什么?目标:解决在使用element-ui时出现警告[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive。怎样去做?使用npm管理器下载default-passive-events依赖包npm i default-p原创 2020-05-16 14:27:02 · 5570 阅读 · 0 评论