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

Posted 平凡是最美荡气回肠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)
            }
         }

以上是关于uni-app三目运算 uni-app监听属性的主要内容,如果未能解决你的问题,请参考以下文章

[每天进步一点点~] vue uni-app 计算属性computed和监听watch

uni-app开发app非正常退出app怎么监听

Uni-app页面生命周期

Uni-App方向:侦听器、事件修饰符及事件映射表

uni-app watch事件监听三种用法

uni-app watch事件监听三种用法