为什么不能用computed的方法返回值给:style赋值呢(刚刚的代码删改了一些)放到浏览器上没有变红?

来源:3-6 Vue中的样式绑定

qq_微笑王子_0

2019-05-02

<body>

<div id="app" :style="fullname" @click="">我要变红</div>


<script type="text/javascript">
var vm=new Vue({
	el:"#app",
	
	 computed:{
			fullname:function(){
			return	"{color:'red'} ";
			}	
		} 	
})
</script>

  </body>
写回答

2回答

qq_微笑王子_0

提问者

2019-05-04


  <body>


<div id="app" :style="fullname" >我要变红</div>



<script type="text/javascript">

var vm=new Vue({

el:"#app",

 

computed:{

fullname:function(){

var sty='{ "color":"red" }';

var rsty=JSON.parse(sty);

 

  console.log(rsty.color);

  return rsty

}

},

 

 

})

</script>


  </body>


1
1
qq_微笑王子_0
sty={color:"red"};直接写成对象也是可以但是没有字符串那么灵活(个人感觉)
2019-05-04
共1条回复

Dell

2019-05-02

https://www.cnblogs.com/wj204/p/5974273.html  style是一个对象,不能是一个字符串

0
1
qq_微笑王子_0
嗯,问题解决了,感谢老师~
2019-05-04
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10733 学习 · 8206 问题

查看课程