logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 的ant design的Switch开关不支持二次确认,自定义封装

vue 的ant design的Switch开关不支持二次确认,所以自定义封装一套

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

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

文章图片
#html#前端#elementui +1
用html2canvas截图保存图片趟坑记录

​前言:开发过程中截图保存图片用到html2canvas,但是呢,使用过程中也会趟坑。。。来说下趟过的坑一、截图不全问题:开发中发发现有滚动条的情况下会截图不全,仅能展示出当前页面展示出来的内容二、不支持textarea换行显示三、不支持省略号:js控制字数,截取字数长度后,动态添加省略号​

文章图片
#html5#前端#html
在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
    共 12 条
  • 1
  • 2
  • 请选择