logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

在Vue3的setup中如何使用this

但是Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。可以看到,2者有所区别。ctx是普通对象,proxy是Proxy对象。2、使用:由vue提供,官方文档现已找不到此api,可寻找其他替代方案,可能也不推荐使用。中使用this, Vue为我们提供了getCurrentInstance()方法,这个方法返回了ctx和prox

文章图片
#vue.js#javascript#前端
el-tree没有复选框时,选中、currentNodeKey高亮、定位、刷新后保留展开状态功能的实现

使用无选择框的el-tree时,当点击某行数据的时候会有背景色,但是当鼠标点击别处时,便失去焦点,背景色随之消失了。el-tree没有复选框时,选中、高亮、定位、刷新后保留展开状态功能的实vue2+elementUI的el-tree的选中、高亮、定位功能,其中定位功能涉及到无论当前在那个菜单,删除某一项菜单后,刷新菜单会跳到全部:current-node-key="currentNodeKey"

文章图片
#前端#css3#前端框架 +2
【elementUI系列一】vue拖拽功能实现-vuedraggable实现多层嵌套拖拽

draggable区域内嵌入多层,要把拖拽区域加上class名称,draggable=‘.class名’,这样就能确保draggable内部分可以拖拽,部分不能拖拽el-image的点击事件和vue.draggable的拖拽事件会有事件冲突的问题,那么你需要使用.stop和.prevent修饰符来禁止默认事件和冒泡.

文章图片
#html#前端#elementui +1
【elementUI系列一】vue拖拽功能实现-vuedraggable实现多层嵌套拖拽

draggable区域内嵌入多层,要把拖拽区域加上class名称,draggable=‘.class名’,这样就能确保draggable内部分可以拖拽,部分不能拖拽el-image的点击事件和vue.draggable的拖拽事件会有事件冲突的问题,那么你需要使用.stop和.prevent修饰符来禁止默认事件和冒泡.

文章图片
#html#前端#elementui +1
在Vue3的setup中如何使用this

但是Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。可以看到,2者有所区别。ctx是普通对象,proxy是Proxy对象。2、使用:由vue提供,官方文档现已找不到此api,可寻找其他替代方案,可能也不推荐使用。中使用this, Vue为我们提供了getCurrentInstance()方法,这个方法返回了ctx和prox

文章图片
#vue.js#javascript#前端
【elementUI系列三】el-table多列排序(后端排序)、重置后清除排序

业务需求el-table需要支持多列排序,后端排序。即就是在点击后重新发送请求,点击一列的排序,另一列的排序样式能够保留,但是el-table默认是单列(一个字段)排序。点击一列排序,另一列排序自动消失一、解决方案想要支持多列排序,首先要定义一个数组,用于存放所有排序的字段及其顺序,设置列sortable=“custom”,结合sort-change事件header-cell-class-name

文章图片
#elementui#前端#javascript +1
h5键盘弹起遮挡输入框的处理

混合开发中遇到一个问题,有些型号的安卓机和ios机型,输入框唤起键盘后,输入框会被键盘遮挡,需要手动滑动才能漏出来,影响用户体验。

文章图片
#javascript#前端#html5
h5端ios端日期时间获取出现问题解决办法

【代码】ios端日期保存出现问题解决办法。

#开发语言#前端#ios
npm run dev 执行过程

所以当使用 npm run dev 执行 vue-cli-service serve 时,虽然没有安装 vue-cli-service的全局命令,但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-service 文件作为 脚本来执行,则相当于执行了 ./node_modules/.bin/vue-cli-service serve。在npm run dev的时候,

#vue.js#javascript#前端
到底了