uni-app入門-實戰(zhàn)教程-二十三-計算屬性

  <!-- 引入計算屬性 -->
  <view> {{Time}}</view>
  <view> {{time > 60 ? (time / 60) + '小時' : time + '分鐘'}} </view>

/* 計算屬性-開始 */
        computed:{
            Time(){
                return this.time > 60 ? (this.time / 60) + '小時' : this.time + '分鐘'
            }
            
        },
/* 計算屬性-開始 */

<template>
    <view>
        <view>
            {{time > 60 ? (time / 60) + '小時' : time + '分鐘'}}
        </view>
        
        <!-- 引入計算屬性 -->
        <view> {{Time}}</view>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                time: 500,
            }
        },
        /* 計算屬性-開始 */
        computed:{
            Time(){
                return this.time > 60 ? (this.time / 60) + '小時' : this.time + '分鐘'
            }
            
        },
        /* 計算屬性-開始 */
        onLoad() {

        },
        methods: {
            click:function(){
                console.log(this.name);
            },
            change(e){
                console.log(this.name);
            }
        
        }
    }
</script>

<style>
    
    
</style>
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容