原生小程序
人间清醒小仙女
hello world
欢迎转载,但请注明出处,共建开源前端,祝大家技术越来越好~~
展开
-
uniapp 树组件 可设置展开层级 可设置回显内容 可设置单选多
uniapp 树组件 可设置展开层级 可设置回显内容 可设置单选多选原创 2022-11-15 18:26:52 · 1849 阅读 · 2 评论 -
uniapp 换行不生效,空格不生效 css3 white-space属性
场景: 添加某个元素的时候使用换行符/空格,到需要查看的地方发现无法显示换行符,如果全部显示空格也不显示空格这个时候就需要给显示的盒子设置white-space: pre-wrap属性white-space有几个属性normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。pre-wrap 保留空白符序列,但是正常地进行换行。pre-line 合并空白符序列,但是保留换行原创 2020-09-16 10:45:08 · 5046 阅读 · 0 评论 -
v-show和v-if的区别 SegmentedControl,切换
v-showv-show的用法与v-if基本一致,只不过v-show是改变元素的css属性display。当v-show表达式的值为false是,元素会隐藏,查看DOM结构看到元素上加载了内联样式display:none;v-ifv-if是条件渲染当v-if表达式的值为false是,元素会被销毁它会确保条件快在切换时合适的销毁与重建条件块内的时间监听器和子组件。如果写SegmentedControl的话最好使用v-show,这样不会每次切换都重新渲染,性能会好一些,如果有其他需求也可以用v-if原创 2020-09-15 17:12:32 · 180 阅读 · 0 评论 -
uniapp编译成小程序踩坑(3)MiniProgramError Cannot read property ‘dataset‘ of undefined TypeError: Cannot read
前几天打包的时候发现编译不成功后来发现是因为其他同事使用了@change='change(arguments, item.id)'这种写法进行传参,改为@change='e => change(e, item.id)'就可以成功编译了另外,也可以通过小程序的写法 通过:data-id="item.id"进行传参,也可以成功...原创 2020-09-10 15:08:13 · 14215 阅读 · 0 评论 -
uniapp踩坑(2)三级联动下拉选择器,弹框
我们是要做一个三级联动类似的效果,本来以为要用picker-view做,搞了半天发现picker-view没有弹框的功能,后来才发现picker也可以做成这种,建议大家使用这个原创 2020-09-10 15:00:44 · 4577 阅读 · 3 评论 -
uniapp转小程序打包白屏,打包不成功,uniapp踩坑(1)
平时我们做项目是通过"dev:mp-weixin": “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch”,热更新机制一边写小程序一边就可以在dist文件下的dev文件下的mp-wexin下通过微信开发者工具打开看到效果但是上传之后却发现体验版并没有编译成功,而是白屏这个问题可以通过再执行一下"build": “npm run build:mp-weixin”, npm run原创 2020-09-10 14:51:25 · 2926 阅读 · 2 评论 -
VM40469:1 (in promise) MiniProgramError Cannot read property ‘setData‘ of undefined TypeError:
小程序this指向wx.uploadFile({ url: ‘’, filePath: ‘’, name: 'file', success: () => { this.setData({}) } }) ``` success中无法拿到全局得this,this指向的是wx.uploadFile,把 ```原创 2020-08-04 15:25:16 · 6579 阅读 · 0 评论 -
小程序父子组件传参
子组件 const a = { a: 1 } const eventChannel = this.getOpenerEventChannel() eventChannel.emit('test', a) },```父组件跳转到子组件的时候```wx.navigateTo({ url: '/pages/application/travel/createTogether/createTogether', events: { test: d原创 2020-07-17 22:00:32 · 150 阅读 · 0 评论 -
小程序导航栏全屏navigationStyle自定义导航栏,小程序轮播图导航栏
<!-- swiper --> <view class="page-section page-section-spacing swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{ba..原创 2020-07-15 13:42:35 · 1110 阅读 · 0 评论