uni-app入门-实战教程-二十三-计算属性

作者: Magic_小灰灰 | 来源:发表于2020-02-16 20:05 被阅读0次

  <!-- 引入计算属性 -->
  <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>