vue 动态绑定元素style中的样式
1.绑定修改字体颜色
<div class="text" :style="{'color':colorText}">111</div>
data() {return {colorText: '#EA69A2', };},
这样绑定就可以生效了！
2.绑定背景图片
<div class="top" :style="'background-image:' +'url('+img+')'">111</div>
data() {return {img: '', //图片地址};},
这样绑定就可以生效了！
3.绑定背景颜色
<div class="text" :style="{'background':backgroundColor}">111</div>
data() {return {backgroundColor: '"#EB6876', };},
这样绑定就可以生效了！
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！