- 博客(24)
- 收藏
- 关注
原创 element表格默认选中
设置好属性,在确保表格已经渲染完成的情况下,做如下操作。遍历筛选表格数据,调用方法选中,同时会触发事件。可在此进行逻辑处理,顺便提一下禁用选项的方法。通过selectable属性的回调判断。当前开发场景:单页表格。需要return布尔值。
2024-11-25 11:24:29
641
原创 uniapp-子组件改变父组件的值
以上两组代码所实现的功能都是通过子组件点击触发,实现父组件中number变量的自增,区别在于方法2中使用了vue所封装的修饰器.sync,其作用是实现子组件和父组件之间的双向绑定,所以修改子组件自定义属性值的同时父组件的值也被改变,类似的修饰器还有.stop、.prevent等。
2023-07-17 11:15:30
1156
1
原创 forEach和map的使用
如何理解,其实不论是forEach函数还是map函数,其传入值item都是原数组对象所在的地址,所以直接对item进行修改,那么所有指向这个地址的值都会改变,但是在第三次的操作中,我们将item重新赋值给新变量,就不会影响原数组的值啦。forEach函数和map函数都用于对数组进行操作,其区别在于forEach函数仅对数组进行操作,而map函数会返回一个操作后的新数组。通过map函数遍历数组,进行操作后可以返回新的数组,原数组被改变。为熟悉它们的用法以及效果的异同,进行如下操作示例。本次原数组并未改变。
2023-07-13 19:42:29
145
1
原创 uniapp节流函数
其中apply函数的作用与call函数的作用大同小异,第一个参数可以指定方法执行时内部指针所引用的对象,不同点在于,call函数的传参只能一个个分别传入,但apply函数可以传入参数数组或arguments对象。...args是ES6引入的新语法,作用类似于arguments对象,不同点在于其接收后得到的是一个真正的数组实例,...后是自定义的参数名,可以直接使用数组的原生方法。arguments对象是function自带的属性,保存当前函数所传入的参数,是一个类数组对象。2.节流函数逻辑实现。
2023-07-12 16:04:17
564
1
原创 uni-app实现悬浮窗口
2.通过链式调用translateX()、opacity()等方法进行所需要的css变换,通过step()结束一组动画,一组动画里的变换是同时进行的,在step()里可以配置本组动画的属性,比如变换时间、延迟等,一组动画结束下一组动画才会开始,通过export()导出动画,通过animation绑定变换的组件。1.通过uni.createAnimation()创建动画实例。
2023-05-19 23:29:12
2711
1
原创 vue-cli创建项目流程
当前环境版本配置如下:1.创建放置项目的文件夹2.打开文件夹,调出命令窗口如图所示,在我们创建的Web文件夹内进行我们的操作3.输入创建命令,“vue create 项目名称” 4.选择搭建方式,这里我们选择第三个,自定义搭建,方向键上下移动,空格选中,enter进入下一步 5.选择项目所需要的组件 从上到下依次是:ES6模块化语法、TypeScript语法、移动端项目支持、vue路由、vuex状态管理、css预处理器支持、代码格式语法检测、Unit测试工具和E2E测试工具,可根据实际情况选择6.选择vu
2023-05-09 14:40:52
131
原创 uniapp引入阿里巴巴矢量图标库
第一部分:创建矢量图标库1.登录阿里巴巴矢量图标库,点击导航栏的资源管理-我的项目。2.点击右上角加号图标创建。3.根据实际情况填写信息,点击新建。 4.现在项目名为wx-app的图标库就已经创建完成,在刷新页面后,可以在“我发起的项目”中看到。第二部分:添加图标至图标库1.可以在首页进行搜索,寻找自己所需要的图标。2.这里点击搜索关键词“箭头” ,进入搜索结果页。3.将鼠标移动到我们想要添加的图标上,点击购物车,将图标添加进购物车。 4. 点击导航栏的购物车,可以看到我们刚才添加的图标,点击下方的添加至
2023-05-09 10:26:52
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人