- 博客(16)
- 收藏
- 关注
RSS订阅原创 【无标题】
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
93
原创 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
75
原创 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
727
1
原创 canvas和svg的区别
讨论关于canvas和svg的区别。首先canvas是html5提供的新元素，而svg存在的历史要比canvas久远，已经有十几年了。svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。在H5中看似canvas与svg很像，但是，他们有巨大的差别。首先，从它们的功能上来讲，canvas可以看做是一个画布。，其绘制出来的图形为标量图，因此，可以在canvas中引入jpg或png这类格式的图片，在实际开发中，大型的网络游戏都是用canvas画布
2021-01-12 18:28:14
195
原创 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
90
原创 vue.js-双向数据绑定原理
Vue实例上的所有属性都会通过Object.defineproperty方法进行追踪依赖，即使用Object.defineProperty把这些属性全部转化为getter和setter方法。当对应的数据被修改后，自动调用set方法，在set方法中通知所有的watcher数据更新了，watcher方法中会触发渲染函数重新渲染虚拟DOM，再将虚拟DOM更新到真实DOM中。...
2021-01-12 18:25:49
112
转载 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
174
原创 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
1191
原创 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
253
原创 移动端数据懒加载（滚动加载数据）
首先在钩子函数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
885
原创 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
874
原创 复选框被获取数据填充知乎，失效无法勾选和取消勾选。。。。。
这个问题我去百度找了很多答案，没有一个能解决。后来调整了一下赋值的先后顺序,之前异常是因为，我先把通过接口获取的数据赋值给定义的对象。然后，在到定义的对象里面创建属性，把获取的属性组合起来赋给创建的K。最后就出现了，数据渲染成功，但是勾选和去掉勾选功能失效。解决办法：将所有要用到的属性在赋值之前全部处理好，放进res.datal里面，然后再将res.data赋值给定义好的对象或者数组。...
2020-05-16 14:30:07
216
原创 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
5586
原创 小程序左滑动删除功能
<view data-index='{{index}}' bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-index="{{index}}" class="inner txt" style="{{item.txtStyle}}"></view>========================= 将上面标签套在需要有左滑删除功能的标签上==================del.
2020-05-16 14:21:18
273
原创 微信小程序图片上传,删除
photographClick: function() {var that = this;wx.chooseImage({count: 9, // 默认9最大一次上传九张sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图，默认二者都有sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机，默认二者都有success: function(res) {// 返回选定照片的本地文件路径列表，tempF
2020-05-16 14:10:14
502
原创 小程序返回上一个页面，如何带参数并刷新列表
let pages = getCurrentPages();let beforePage = pages[pages.length - 2];wx.navigateBack({delta: 1,success: function() {if (beforePage.route == ‘xxxxxxxxxxxxxxxxxxx’) {beforePage.GetPageData(json)}})注释：xxxxxxx的位置就是你返回的路由路径。beforePage调用的就是上一个页面里面的方法
2020-05-16 14:03:17
785
空空如也
app唤起微信支付问题
2024-06-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人