我想请问一下,在组件这个地方除了这种绑定style的方法

我想请问一下,在组件这个地方除了这种绑定style的方法

<template>
<div>
<p v-bind:style="{color:col}">{{time}}</p>
</div>

</template>


<script>
export default {
data (){
return{
time:10

}
},
mounted(){
var that=this;
var t=setInterval(() => {
that.time--;
if (that.time==0) {

clearInterval(t)
that.$emit("end")
}
}, 1000);

},
props:{
col:{
type:String,
default:"#000"
}

}
}
</script>

<p v-bind:style="{color:col}">{{time}}</p>

我想请问一下,在组件这个地方除了这种绑定style的方法,之前课上教的另外两种方法,可不可以运用在这里呢,具体是怎么实现的呢

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

老师这边测试是另外的方法在这里是不生效的

http://img1.sycdn.imooc.com//climg/5d2054ee0001da4807230772.jpg

只有这种写法是生效的,由此推测出,另外的方法只能子data中生效

希望可以帮到你!

卡布琦诺 2019-07-06 11:56:15

请问同学指的是如下的方式么?

http://img1.sycdn.imooc.com//climg/5d201bc70001913711340685.jpg

如果不是,建议详细描述一下哦

祝学习愉快!

  • 提问者 Victor19950925 #1
    对,就是这种方法可以怎么运用在这里呢,
    2019-07-06 12:07:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师