v-bind的动态绑定

时间：2020-02-29 13:13:34 阅读：47 评论：0 收藏：0 [点我收藏+]

v-bind Vue的指令动态绑定为属性赋值

　　语法： v-bind:属性(参数)=" 变量值"

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.red {

color: blue;

}

.font {

font-size: 40px;

}

</style>

</head>

<body>

<div id="app1" v-bind:style="{color:color,fontSize:fontSize}">listen and point</div>

var vm = new Vue({

el: "#app",

data: {

rawHtml: "<span>hello world111</span>",

isRed:true,

isFont:true,

}

});

var vm1 = new Vue({

el: "#app1",

data: {

color: "red",

fontSize: ‘50px‘,

}

});

</script>

</body>

</html>

原文地址：https://www.cnblogs.com/kukai/p/12382340.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行