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

来源:2-17 自定义组件(下)

Victor19950925

2019-07-05 23:50:25

<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回答

樱桃小胖子

2019-07-06

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

http://img.mukewang.com/climg/5d2054ee0001da4807230772.jpg

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

希望可以帮到你!

0

樱桃小胖子

2019-07-06

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

http://img.mukewang.com/climg/5d201bc70001913711340685.jpg

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

祝学习愉快!

0
hictor19950925
h 对,就是这种方法可以怎么运用在这里呢,
h019-07-06
共1条回复

0 学习 · 10739 问题

查看课程