uni-app一个像商城分类中心一样的联动侧边栏导航分类
- 4353
- 2020/10/1 17:07:20
<template> <view> <viewclass="ld"> <viewclass="left"> <scroll-view:scroll-y="true":scroll-with-animation="true":scroll-阅读全文
uni-app实现tab选项卡
- 3936
- 2020/9/27 16:09:39
HTML <viewclass="end-title"> <view@tap="change(0)":class="{btna:btnnum==0}">基本信息</view> <view@tap="change(1)":class="{btn阅读全文
uni-app的父与子页面传递参数之属性Props字段类型讲解
- 4233
- 2020/9/25 22:35:17
Vue.component('myComponent',{ props:{ //基础类型检测(`null`意思是任何类型都可以) propA:Number, //多种类型 propB:[String,Number], //必传且是字符串 propC:{ type:String, r阅读全文
uni-app判断当前客户端是安卓还是ios还是其它平台
- 7420
- 2020/9/25 20:52:28
uni-app是一款强大的前端框架,可以打包原生app、手机h5页面、微信小程序。 但是有一个问题就是原生的app和微信小程序是有一定的区别的,因为app有标题栏,返回键,而微信小程序自带了,那判断平台的语法就很重要了 1、uni-app编译为小程序时均为生产环境,可用过uni.getS阅读全文
uni-app基础知识事件传参(动态参数演示)
- 2841
- 2020/9/25 20:50:18
<template> <view> <viewv-for="(item,index)instudents"class="persons"@click="menuClick"v-bind:id="index">{{index}}-{{item.name}}<阅读全文
uni-app基础知识事件绑定@click与@tap点击事件区别
- 15322
- 2020/9/25 20:49:33
我最喜欢的操作是@tap="这个是自定义点击事件"总觉得比@click好用。 tap和click的区别: 两者都会在点击时触发,但是在web手机端,clikc会有200-300ms的延时,所以要用tap代替click作为点击事件,singleTap和doubleTap分别作为单次点击和双击,阅读全文
uni-app基础知识页面事件与web事件的对比
- 2111
- 2020/9/25 20:44:34
事件映射表,左侧为WEB事件,右侧为uni-app对应事件 { click:'tap', touchstart:'touchstart', touchmove:'touchmove', touchcancel:'touchcancel', touchend:'touchend',阅读全文
uni-app基础知识使用hidden条件显示
- 3817
- 2020/9/25 20:35:10
<template> <view> <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view> </view阅读全文
uni-app基础知识条件渲染
- 1339
- 2020/9/25 20:33:42
<template> <view> <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view> </view阅读全文
uni-app基础知识列表渲染
- 1797
- 2020/9/25 20:32:15
<template> <view> 这个就是开始循环的段落 <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view&g阅读全文
uni-app基础知识数组形式的数据绑定
- 2009
- 2020/9/25 20:31:16
data:{ students:[ {name:"张三",age:18}, {name:"李四",age:20} ] }, //调用 <view> {{students[0]['name']}} {{students[0].name}} </view> 阅读全文
uni-app基础知识数据绑定
- 1473
- 2020/9/25 20:29:10
变量赋值: <script> exportdefault{ data:{ title:'Hello', name:'hcoder' },..... 在视图中使用{{}}调用变量: <template> <viewclass="content阅读全文
uni-app设置像页面html或者body的全局背景色
- 5046
- 2020/9/23 14:18:01
uni-app设置像页面html或者body的全局背景色 page{background:#000000;} uni-app编译之后是body{background:#000000;} 可以放在根目录的app.vue 如果想每个单独页面设置对应不同的背景色,可以对应页面的styl阅读全文
uni-app全局载入模板与某个页面单独加载入模板写法
- 3184
- 2020/9/18 8:27:05
在项目处理过程有些模板要每次都调用,就可以直接全部加载与按需求情况而加载 1.全局加载某个自定义的vue模板写法(一定要写在根目录的main.js里面) importqwbmtopcontfrom"./components/qwbm/pub_top_cont1.vue" //跟某个页面单独加阅读全文
uni-app去除点击navigator标签时有背景底色问题
- 2482
- 2020/9/18 8:15:02
<navigatorhover-class="none"url="这个是链接">这个是标签</navigator> 当点击链接时背景有一个底色反馈,有时候想去除只要加上hover-class="none" 阅读全文
用uni-app里面的navigator做链接时感觉像有缓存只能点其中一个链接
- 1885
- 2020/9/17 16:11:26
用uni-app里面的navigator做链接时(前提是这些链接全部指向一个文件),当点击链接时,感觉像有缓存只能点一个,当有好多个链接时,只能点其中某一个。 比如下面有几个指向同一个地址的链接,只能点其中某一个,再点其它就不行,或者你点再一下首页,然后再次可以点一次链接,同样其它链接也不能再点 阅读全文
uni-app 动态设置页面标题 setNavigationBarTitle
- 6177
- 2020/9/16 22:52:00
uni.setNavigationBarTitle({ title:res.data.title }) res.data.title动态变量 或者 uni.setNavigationBarTitle({ title:'这个是页面标题' }) 阅读全文
vue uni-app判断空字符串/null/undefined或者有误字段
- 11337
- 2020/9/16 8:41:37
如果你想判断是否为「有效值」 你可以用 if(value){ //写上你要操作的行为 } 这样将会过滤掉: -null -undefined -NaN -empty(string)'' -0 -false 然后你可以用来判断空字符串/null/阅读全文
uniapp的rich-text组件注入的a标签点击跳转处理
- 6252
- 2020/9/15 15:45:46
关于rich-text组件动态注入的HTML代码中包含a标签不能点击跳转 以下是有问题的部分 nodes:[{ name:'div', attrs:{ class:'div-class', style:'line-height:60px;color:red;text-align:ce阅读全文
uni-app自定义组件调用
- 2437
- 2020/9/15 15:31:39
uni-app自定义组件 步骤1.在项目中新建一个component文件夹,用来存放公用组件 在新建组件中需要在template中为组件绑定名称,如itemMoive <templatename="itemMoive"> <viewclass="item"> 阅读全文