uni-app入门-实战教程-二十三-计算属性
2020-02-16 本文已影响0人
Magic_小灰灰
<!-- 引入计算属性 -->
<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>