随笔分类 - uni app (vue2版)
uni-app开发过程记录
摘要：简述：当页面不开启下拉刷新时，为了优化用户体验，最好关闭下拉回弹效果。如图 ####回弹效果未关闭时，下拉页面会产生空白区域，体验很不好 ####回弹效果关闭后，下拉则没有空白区域 ####解决 官方文档 https://uniapp.dcloud.io/collocation/pages?id=a
阅读全文
摘要：直接贴代码 文档： https://uniapp.dcloud.io/api/request/websocket //scroll-view组件的scroll-top属性:设置竖向滚动条位置。只要scroll-top大于滚动区域最大高度，即可滚动到底部 <scroll-view scroll-y="
阅读全文
摘要：解释：uniapp的video组件在非H5端是覆盖在所有层级之上的，要想在video组件层级之上添加自定义盒子，则需要用cover-view。如图红框内为自定义内容 video组件详细解释见文档： https://uniapp.dcloud.io/component/video?id=video 注
阅读全文
摘要：###使用场景：视频选集 直接使用redirectTo再跳转至当前页面(此方式路由不会堆栈) 也可使用navigateTo，但路由会堆栈，如果用户多次切换集数，回导致用户回退页面时体验不好。 //选择视频集数 selectSeries(e){ let vid=e.currentTarget.data
阅读全文
摘要：####功能介绍：用户输入emoji表情，如输入法里的附带的表情，然后前端这里编码这些表情成特定格式的字符，传到后端。之后从接口拿到后直接html渲染即可。 ####问题所在：移动端用户输入emoji表情，如果未做编码就提交到后端的话，是不能成功提交的。需要先编码才行。 ###编码 /** * 用于
阅读全文
摘要：####子组件,有一个childMethod方法 <template> <view> </view> </template> <script> export default { data(){ return { } }, onLoad(){ }, methods:{ childMethod() {
阅读全文
摘要：####将uniapp的uni.createSelectorQuery()方法与uni.pageScrollTo(OBJECT)方法结合使用 更详细用法见官方文档： uni.createSelectorQuery()方法： https://uniapp.dcloud.io/api/ui/nodes-
阅读全文
摘要：//判断安卓还是iOS judgePlatForm(){ let platform=uni.getSystemInfoSync().platform if(platform=='ios'){ console.log('我是iOS') }else if(platform=='android'){ co
阅读全文
摘要：uni.setNavigationBarTitle({ title:'嘻嘻嘻' }) 文档地址： https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle
阅读全文
摘要：####场景一：用户点击按钮后动态切换按钮选中样式（如图） <view class="state-btn-content"> <view @tap="selectState" data-state="over" :class="[whichSelected=='over'?'state-btn-se
阅读全文
摘要：###示例 前提：安装了uniapp的LoadMore插件（一般初始都会安装此插件）， https://ext.dcloud.net.cn/plugin?id=29 <template> <view class="container"> <view v-for="(item,index) in vi
阅读全文
摘要：###官方文档： https://uniapp.dcloud.io/api/router?id=navigateto ###示例代码 【list.vue】 goMicroInfo(e){ let a=e.currentTarget.dataset.microlink let link=encodeU
阅读全文
摘要：###例子( 更多详情见官网： https://uniapp.dcloud.io/component/web-view?id=web-view ) <template> <view class="container"> <web-view :src="weburl"></web-view> </vi
阅读全文
摘要：###文档地址：https://uniapp.dcloud.io/api/media/image?id=chooseimage ###直接贴代码 <template> <view class="container"> <view @tap="chooseTheImg">上传图片</view> </v
阅读全文
摘要：须知：浏览器端网站请求接口时，会自动携带token。 所以浏览器网站没有此问题，无需从获取图形验证码的接口获取token，因为浏览器自动传的，不需手动操作。 获取图形验证码时直接将接口请求地址赋值给src即可，如下： 现在的问题是：在uniapp中包含小程序及app端的情况，请求接口时是不会自动携带
阅读全文
摘要：横向滚动不生效：不生效是因为少了以下两行代码，添加上即可 <scroll-view class="scroll-view-content" scroll-x="true"> <view v-for="(item,index) in videoInfo" :key="index" class="eve
阅读全文
摘要：###设置背景 1、设置背景色： <template> <view class="container"> //最外层 <view class="bg-set"></view> //此标签为最外层view标签的第一个子标签 <view class="content"></view> </view> <
阅读全文
摘要：uniapp语法：rich-text 1、rich-text是uni-app的内置组件，提供了高性能的富文本渲染模式。 2、API参考https://uniapp.dcloud.io/component/rich-text 3、rich-text的优势是全端支持、高性能。有个缺陷是只能整体设点击事件
阅读全文
摘要：<view id="iamnode">我是节点<view> mounted() { //获取节点信息，最好在mounted之后获取以确保获取到 let theNode=uni.createSelectorQuery().select("#iamnode") theNode.boundingClien
阅读全文
摘要：场景：用户点外卖要改地址，订单页-->地址选择页-->更改地址-->返回订单页-->地址改变了 【 订单页：】 onUnload(){ uni.$off('selectAddress') //在此生命周期里销毁地址改变事件的监听 } methods:{ changeAddress(){ //点击切换
阅读全文
浙公网安备 33010602011771号