uni-app三目运算 uni-app监听属性

简介: uni-app三目运算 uni-app监听属性

三目运算


<text>{{mag>10 ? '优秀' : ""}}</text>

 

三目运算的高级用法


大于1000用kg表示  小于1000,用g表示  添加括号是因为提高他的优先级哈


<text>{{weight > 1000 ? (weight/1000)+"kg" : weight}}</text>


uni-app监听属性 跟vue是一样的哈


点击【页面主操作 Normal】 就会触法watch监听的这个值哦!!!


监听属性哈  安卓也是可以的哈  小程序   H5
    <view>
      <text>{{mag}}</text>
    </view>
     <button type="primary" @tap="anniu">页面主操作 Normal</button>
     data:{
                     mag:0
                 },
     methods: {
      anniu(){
        this.mag=this.mag+1;
      }
     },
     watch:{
      mag:function(new,old){
        console.log("watch",this.mag)
      }
     }
相关文章
|
4小时前
|
传感器 人工智能 监控
Uni-app智慧工地数据大屏可视化监管平台源码带APP
智慧工地的核心是数字化,它通过传感器、监控设备、智能终端等技术手段,实现对工地各个环节的实时数据采集和传输,如环境温度、湿度、噪音等数据信息,将数据汇集到云端进行处理和分析,生成各种报表、图表和预警信息,帮助管理人员了解工地的实时状况,及时做出决策和调整,
53 0
|
4小时前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
108 3
|
4小时前
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
56 1
|
4小时前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
57 1
|
4小时前
|
移动开发 小程序 前端开发
使用uni-app开发(h5、小程序、app)步骤
使用uni-app开发(h5、小程序、app)步骤
|
4小时前
uni-app 175app端兼容处理(二)
uni-app 175app端兼容处理(二)
18 1
|
4小时前
|
JavaScript
uni-app 174app端兼容处理(一)
uni-app 174app端兼容处理(一)
16 2
|
4小时前
uni-app 78渲染和监听聊天会话列表
uni-app 78渲染和监听聊天会话列表
21 1
|
4小时前
|
JavaScript
使用set和emit在uni-app中实现响应式属性和自定义事件
使用set和emit在uni-app中实现响应式属性和自定义事件
35 0
|
4小时前
|
XML 传感器 监控
Harmony Ble蓝牙App(三)特性和属性
Harmony Ble蓝牙App(三)特性和属性