- 博客(25)
- 收藏
- 关注
RSS订阅原创 Uniapp页面和路由跳转方法
层级关系：navigateTo构建页面栈状态保持：redirectTo避免堆栈过深特殊场景：switchTab处理底部导航掌握这些跳转方法和优化技巧，将显著提升uniapp应用的导航流畅度和开发效率。建议根据项目规模选择合适的路由管理方案，并持续关注uniapp官方更新日志获取最新API特性。
2025-06-06 17:05:44
1365
原创 vue自定义指令控制权限
在上面的代码中，v-permission指令的参数是一个字符串，表示按钮的权限。指令会根据当前用户的权限判断按钮是否应该显示，如果权限不足，则从DOM中删除该按钮。2、在组件中使用v-permission指令控制按钮的显示和隐藏。1、在main.js中注册全局指令。
2025-01-09 15:38:55
359
原创 v-bind=“$attrs“ v-on=“$listeners“的用法
官方解释：包含了父作用域中的 (不含.native修饰器的)v-on事件监听器，主要用于底层组件向高层组件传递信息。官方解释：包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class和style除外)理解：接收除了props声明外的所有绑定属性（class、style除外）理解：接收除了带有.native事件修饰符的所有事件监听器。
2024-12-12 16:04:16
254
原创 如何在Vue中使用第三方语言包
要在 Vue 中使用第三方语言包，你需要先安装 vue-i18n 插件，并在 main.js 文件中注册该插件。然后，在 src/lang/index.js 文件中创建一个多语言对象，用来处理语言包。这个多语言对象应该包含可选择的语言和相应的翻译文本。接下来，在你的组件中使用 $t() 方法来翻译文本并显示出来。最后，根据用户的语言偏好设置和用户的选择，动态切换语言环境。
2024-04-15 16:53:09
714
1
原创 深入理解vuex
前端引入storestate是状态数据，可以通过this.$store.state来直接获取状态，也可以利用vuex提供的mapState辅助函数将state映射到计算属性（computed）中去。插值引用：{{$store.state.sum}}使用mapState辅助函数注意：使用辅助函数的前提是要先引入更改 Vuex 的 store 中的修改状态的唯一方法是提交 mutation。
2023-12-28 16:44:19
435
原创 uniapp swiper的高度自适应
uniapp中的swiper组件可以用来做滑动切屏，由于必须设置一个固定高度，然而在每一个swiper-item里的内容高度不一样，就会造成内部的内容不能自动撑开。
2023-12-28 14:28:44
1598
原创 vuex的四种状态：state,getters,mutations,actions
这样就可以使用vuex了，目前这里是用actions获取后台数据，getters返回数据，那个state里面，你想输出的数据必须提前定义，如果你需要对返回的数据进行操作，你就需要把mapMutations也给引入进来，然后注册方法，然后调动，这样就可以在mutation.js里面进行操作了。注释***mapGetters==getters,同理，其他几个也是，人家就是这种写法，是引入vuex中我们定义的方法，需要哪个写哪个。这里面主要定义了需要的属性，只有在这里定义的属性，在使用时才能获取的到。
2023-12-27 15:03:19
649
原创 Es6常用函数
它会遍历数组的每个元素，并对每个元素调用一个回调函数进行判断，并传递三个参数：当前元素值、当前索引和数组本身。如果函数返回 true，则当前元素会保留在新的数组中；作用： 该方法接受一个回调函数作为参数，回调函数会在数组的每个元素上被调用，并传递三个参数：当前元素值、当前索引和数组本身。需要注意的是，如果不提供初始值，则reduce()会将数组的第一个元素作为累加器的初始值，并从数组的第二个元素开始进行累积计算。作用：对数组中的每个元素执行回调函数，并返回一个新数组，新数组的元素是回调函数的返回值。
2023-10-25 15:00:44
150
原创 uniapp的image标签的mode属性
uni-app的image标签是用于显示图片的组件，而mode属性则用于设置图片的显示模式，这个是传统 web 开发中的。top：将图片的顶部对齐到容器的顶部。：将图片的底部对齐到容器的底部。left：将图片的左边对齐到容器的左边。right：将图片的右边对齐到容器的右边。：将图片的左下角对齐到容器的左下角。：将图片的左上角对齐到容器的左上角。：按照原始比例缩放图片，使图片的长边能完全显示在容器内，可能会露出空白区域。：按照原始比例缩放图片，使图片的短边能完全填充容器，可能会裁剪掉部分图片。
2023-10-25 13:21:03
4936
原创 uniapp 安卓底部安全区域 颜色调整
在manifest.json里的"app-plus"配置以下代码。在App.vue中的onLaunch函数里添加以下代码。
2023-08-26 14:27:56
6606
1
原创 uniapp判断h5/微信小程序/app端
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
2023-08-25 14:53:40
1467
转载 UniApp实现视频播放与直播功能的设计与开发方法
在UniApp中实现视频播放与直播功能，可以通过uni-app插件和使用第三方SDK来实现。常见的视频播放SDK有腾讯视频云SDK和百度云视频播放SDK，常见的直播SDK有腾讯云直播SDK和阿里云直播SDK。通过使用uni-app插件和第三方SDK，可以方便地实现UniApp应用中的视频播放和直播功能。本文提供了视频播放和直播功能的设计与开发方法，并提供了代码示例，希望对UniApp开发者有所帮助。根据实际需求和SDK的文档，调用相应的API实现视频播放和直播功能。，设置视频的URL。
2023-08-02 17:11:54
3413
1
转载 通过Cli方式创建uni-app常见错误整理
错误描述因在业务中需要使用微信的开发标签，结果在页面中插入开放标签后Vue控制台报错，Unknown custom element: 通过配置 Vue.config.ignoredElements = [“wx-open-launch-weapp”];结果报错Unknown custom element: uni-*错误截图问题原因1.通过配置Vue.config.ignoredElements 覆盖了uni-app 的原有配置，因此导致Vue控制台报错找不到自定义组件。
2023-08-02 16:52:07
1030
原创 怎么使用uniapp去实现直播小程序
因为直播小程序的核心功能是直播播放，因此我们在进行uniapp直播小程序开发时必须确保满足直播播放的要求。使用uniapp进行直播小程序开发时，可以一次开发同时适用于多个平台，如微信小程序、支付宝小程序、H5、App等手机平台。在直播小程序中，数据的存储是非常重要的一环，通过数据存储能够实现直播消息的分类和过滤，同时也可与云端进行数据同步，确保数据的安全性和完整性。编写完毕直播小程序之后，一定要进行调试和测试，确保直播小程序的功能、稳定性和性能能够满足用户的需求，同时避免出现各种错误和问题。
2023-08-02 13:17:37
1948
原创 解决Vue项目打包后文件过大问题
在做首屏加载时间优化时，会发现chunk-vendors.js这个文件巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。
2023-03-23 14:10:35
6034
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人