在 vuejs 模板中使用样式标签并从数据模型更新 [英] Use style tags inside vuejs template and update from data model
本文介绍了在 vuejs 模板中使用样式标签并从数据模型更新的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想动态更新样式inside
样式标签.
然而,为 Vue 创建容器模型会删除 style
标签.我知道样式标签应该放在页面的头部,但这只是为了方便使用.
所以我想要的是一个带有元素和样式标签的包装器:
<风格>.设置输入{背景:{{bgColor}};}</风格><input class="setting" type="text" v-model="bgColor">
来自输入的值应该更新 css 样式的值.每当使用简单的 div 元素完成这工作,但样式标签似乎是一个问题
javascript 设置如下:
new Vue({el: '.setting',数据: {bgColor: '红色'}});
但是,当样式标签具有特定 id 时,这可以工作,但我无法将其绑定到输入字段.