RookieCoderAdu

2021年10月2日

摘要：条件编译可以使得我们在不同应用环境显示不同的信息。使用方法是在view/js/css中使用注释。声明ifdef 比如在view中 <view>  <view> 只在H5编译 </view>  <!-- #ifdef APP-PLUS- 阅读全文

posted @ 2021-10-02 20:30 RookieCoderAdu 阅读(370) 评论(0) 推荐(0)

uni-app v-for中key的作用

摘要： v-for中key可以使组件中的数据绑定唯一。比如以下实例 <view> <view v-for="(stu,index) in stuArray" :key="stu.id"> <view> <checkbox value="false"/> {{"姓名:"+stu.name+",年龄:"+st 阅读全文

posted @ 2021-10-02 18:05 RookieCoderAdu 阅读(1023) 评论(0) 推荐(0)

uni-app v-for用法

摘要：存在以下变量 data() { return { stuArray:[ {name:"张三",age:12,skills:["Java","C#","Python"]}, {name:"李四",age:13,skills:["Sing","Dance","Rap","Basketball"]}, { 阅读全文

posted @ 2021-10-02 16:57 RookieCoderAdu 阅读(2606) 评论(0) 推荐(0)

Uni-app v-if的写法

摘要：在Uni-app中，v-if 支持以下类型假如存在以下变量 data(){ return{ isShow:true, sex:2 } } 1.bool类型的变量 <view v-if="isShow" style="width:300upx;height:300upx"> 显示 </view> < 阅读全文

posted @ 2021-10-02 16:29 RookieCoderAdu 阅读(3459) 评论(0) 推荐(0)

2021年9月30日

Uni-app v-if与v-show

摘要：用法： <view v-if="isShow" style="width:300upx;height:300upx"> 看得见1号 </view> <view v-else style="width:300upx;height:300upx"> 看不见 </view> <view v-show="i 阅读全文

posted @ 2021-09-30 23:05 RookieCoderAdu 阅读(181) 评论(0) 推荐(0)

Uni-app v-on监听事件

摘要：在标签上使用v-on可以监控事件。比如v-on:click可以监听标签的点击事件。简写成@click 常见的点击事件 <input @focus="focus" @blur="blur" @confirm="confirm" @click="click" @tap="tap" @longpress= 阅读全文

posted @ 2021-09-30 22:33 RookieCoderAdu 阅读(907) 评论(0) 推荐(0)

2021年9月29日

uni-app v-bind绑定属性

摘要： mustache表达式不能在标签中使用，那么标签中想要动态绑定变量怎么办？使用v-bind 比如： data() { return { url:"../HelloWord/HelloWord", } }, 页面上 <navigator v-bind:url="url"> 进入页面 </naviga 阅读全文

posted @ 2021-09-29 23:19 RookieCoderAdu 阅读(1018) 评论(0) 推荐(0)

uni-app mustache表达式

摘要： mustache表达式有两层大括号组成 {{}} 使用mustache表达式，我们可以直接使用data()里面声明的变量的值。比如 data() { return { title: '阿杜的处子秀', Adu:{ Age:18 }, Skills:["Sing","Dance","Rap","Pl 阅读全文

posted @ 2021-09-29 23:12 RookieCoderAdu 阅读(100) 评论(0) 推荐(0)

Uni-app 响应式像素upx

摘要：一般的前端尺寸单位是px，它固定大小不变，不适用于应用场景。那么引入upx，他可以随着屏幕大小变化而变化。默认屏幕宽度为750upx（微信小程序中为750rpx）。假如有一块手机屏幕大小为375px，则存在375px=750upx。所以此时存在 1upx=0.5px。比如在页面中声明 <v 阅读全文

posted @ 2021-09-29 22:48 RookieCoderAdu 阅读(363) 评论(0) 推荐(0)

2021年9月28日

Uni-app页面进入和返回

摘要：首先保证自带的index.vue在pages.json里面处于第一的位置，默认其为主页。新建HelloWorld.vue并添加其后。在主页的View标签里面添加： <navigator url="../HelloWord/HelloWord"> 进入页面 </navigator> 点击这个区域就阅读全文

posted @ 2021-09-28 23:31 RookieCoderAdu 阅读(452) 评论(0) 推荐(0)

公告