model包含html,Vuejs模板内的v-model内的原始HTML

在我的应用程序中,我想使用标准的引导程序Vue单选按钮。沿着文本的一侧,我想放置一个小图标。在原型设计阶段,当我使用来自cdn的js和css时,我想出了一个令我满意的解决方案:

app = new Vue({

el: "#app",

data: {

mode: 'trx',

mode_options: [

{ text: ' UP', value: 'up' },

{ text: ' DOWN', value: 'down' }

],

}

})

buttons

v-model="mode"

button-variant="outline-secondary"

:options="mode_options"

name="radiosBtnDefault" />

不幸的是,当我开始转向生产版本,并将Vue-CLI与模板一起使用时,相同的代码不起作用:图标不会出现。在试图理解这个问题时,我开始怀疑一些关于如何在v-model(通常是v-*)中处理原始HTML的问题,但是我不能完全理解/调试这个问题。

有人会建议一个解决方法吗?对我来说,另一种将图标嵌入到广播组中的方法也很好。