在 vuejs 模板中使用样式标签并从数据模型更新 [英] Use style tags inside vuejs template and update from data model

问题描述

我想动态更新样式inside 样式标签.

然而，为 Vue 创建容器模型会删除 style 标签.我知道样式标签应该放在页面的头部，但这只是为了方便使用.

所以我想要的是一个带有元素和样式标签的包装器:

<风格>.设置输入{背景:{{bgColor}};}</风格><input class="setting" type="text" v-model="bgColor">

来自输入的值应该更新 css 样式的值.每当使用简单的 div 元素完成这工作，但样式标签似乎是一个问题

javascript 设置如下:

new Vue({el: '.setting',数据: {bgColor: '红色'}});

但是，当样式标签具有特定 id 时，这可以工作，但我无法将其绑定到输入字段.