<template>
<view class="container">
<text class="view1">view1_{{getLogin1}}</text>
<text class="view2">view2_{{getLogin2()}}</text>
<button @click="clickLogin">点击1</button>
</view>
</template>
<script>
export default {
data() {
return {
login: false,
}
},
computed: {
getLogin1() {
if (this.login) {
return "compute--登录的_火影";
} else {
return "compute--未登录_我爱罗";
}
}
},
methods: {
clickLogin() {
console.log('点击登录...');
this.login = !this.login;
},
getLogin2() {
if (this.login) {
return "method--登录的_火影";
} else {
return "method--未登录_我爱罗";
}
}
},
}
</script>
<style lang="scss">
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: green;
height: 500rpx;
width: 500rpx;
//=================align-self、order
.view1 {
color: blue;
font-size: 28rpx;
font-weight: 400rpx;
}
.view2 {
color: yellow;
font-size: 28rpx;
font-weight: 400rpx;
}
}
</style>
compute和method调用
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1.检查降级方法的@PathVariable,其中的("id")不能省掉 2.检查Fegin配置文件配置文件有没有...
- RMI(即Remote Method Invoke远程方法调用)。在Java中,只要一个类extends了java...
- 背景 在构建关键字驱动测试框架的时候,明明已经在在方法try/catch并且抛出了自定义异常,但是测试报告中打印错...
- JS调用Native 我们知道,在React Native中,经常需要JS和native交互,在项目RN化的初期,...