抖音专家 發表於 2020-1-12 19:44:00

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

<pre><code>三目运算

&lt;text&gt;{{mag&gt;10 ? '优秀' : ""}}&lt;/text&gt;
               
三目运算的高级用法
大于1000用kg表示小于1000,用g表示添加括号是因为提高他的优先级哈
&lt;text&gt;{{weight &gt; 1000 ? (weight/1000)+"kg" : weight}}&lt;/text&gt;               
</code></pre>
<h2 id="uni-app监听属性--跟vue是一样的哈">uni-app监听属性跟vue是一样的哈</h2>
<p>点击【页面主操作 Normal】 就会触法watch监听的这个值哦!!!</p>
<pre><code>        监听属性哈安卓也是可以的哈小程序   H5
                &lt;view&gt;
                        &lt;text&gt;{{mag}}&lt;/text&gt;
                &lt;/view&gt;
               
               &lt;button type="primary" @tap="anniu"&gt;页面主操作 Normal&lt;/button&gt;

               data:{
                     mag:0
               },
               methods: {
                       anniu(){
                               this.mag=this.mag+1;
                       }
               },
               watch:{
                       mag:function(new,old){
                               console.log("watch",this.mag)
                       }
               }
</code></pre>


</div>
<div id="MySignature" role="contentinfo">
    <div style="width:818px;background:#f5f5f5; padding: 10px 10px 10px 10px; border: 1px dashed rgb(224, 224, 224); font-family: 微软雅黑; font-size: 13px;" >
            <h1 style="font-size: 24px;"> 遇见问题,这是你成长的机会,如果你能够解决,这就是收获。 </h1>
                  <div style="padding:10px">
                        作者:晚来南风晚相识 <br>
                        出处:https://www.cnblogs.com/IwishIcould/ <br>
                        <p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
                        <p>如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!</P>
                        <p> 万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!</p>
                        <p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
                                <div style="display: flex;">
                                        <div style="margin-right: 100px;text-align: center;">
                                                <img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_201214043958支付宝收款码.jpg?a=1607924145179">
                                                <div>
                                                        支付宝
                                                </div>
                                        </div>
                                        <div style="text-align: center;">
                                                <img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_20121604194271E6E296CCB71A007F4E22073D5EB64A.jpg">
                                                <div>微信</div>
                                        </div>
                                </div>
                        本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接 <br>
                        如果文中有什么错误,欢迎指出。以免更多的人被误导。 <br>
               
                  </div>
         
            
                </div><br><br>
来源:https://www.cnblogs.com/IwishIcould/p/12184453.html
頁: [1]
查看完整版本: uni-app三目运算 uni-app监听属性