为了账号安全,请及时绑定邮箱和手机立即绑定

vue 如何给class绑定数据?

/ 猿问

vue 如何给class绑定数据?

qq_陌_45 2018-09-16 16:23:07
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="style.css"><script type="text/javascript" src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script></head><body><div class="{{ classValue }}">{{ innerText }}{{ classValue }}</div><script type="text/javascript" src="script.js"></script></body></html>
.app{	color: red;}
window.onload = function(){	var dataList = {		classValue:'app',		innerText:'大家好,哈哈'	};	new Vue({		el:'div',		data:dataList	});}

想给div绑定一个class为app,这样为什么不能绑定上?

查看完整描述

2 回答

已采纳
?
chandou

vue绑定属性值用v-bind:class=""简写形式为:class=""

查看完整回答
反对 回复 2018-09-18
?
chandou

用vue绑定属性的话,应该使用

 v-bind:class="{{className}}"

简写形式为

:class="{{className}}"


查看完整回答
反对 回复 2018-09-18

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信