Forms Vuejs v-model自动转义html实体

Forms Vuejs v-model自动转义html实体,forms,vue.js,input,html-entities,v-model,Forms,Vue.js,Input,Html Entities,V Model,我试图在表单文本输入中显示一些html实体,但是v-model似乎在逃避它们 我是否需要编写一些东西来使v-model正确显示html实体 我的示例代码是 <el-input v-model="data" readonly="readonly"></el-input> 我知道v-html,但由于自动双向绑定,我更喜欢继续使用v-model 更新 也许我表达错了,我想显示字符,而不是html实体,所以取而代之的是49.42₹我需要显示49.42₹. 如果您对

我试图在表单文本输入中显示一些html实体,但是
v-model
似乎在逃避它们

我是否需要编写一些东西来使
v-model
正确显示html实体

我的示例代码是

<el-input v-model="data" readonly="readonly"></el-input>

我知道
v-html
,但由于自动双向绑定,我更喜欢继续使用
v-model

更新
也许我表达错了,我想显示字符,而不是html实体,所以取而代之的是
49.42₹我需要显示49.42₹.

如果您对解释HTML实体的计算机进行v-model建模,我想您会得到想要的效果。您可以键入实体值,它将正确解释它们。然而,它可能过早地将变成另一个角色;你必须输入#8377;然后返回并插入&

newvue({
el:“#应用程序”,
数据:{
a:'49.42₹;'
},
计算:{
asText:{
得到(){
返回this.toText(this.a);
},
设置(新值){
a=新值;
}
}
},
方法:{
图腾文本(html){
const div=document.createElement('div');
div.innerHTML=html;
返回div.textContent;
}
}
})

{{a}

看看这个,数据包含什么?似乎在
el输入中可以很好地处理HTML
@Badgy那里的用户“退后”手动编写带有
v-HTML
的双向数据绑定,如果可能的话,我希望保持
v-model
不编写任何方法this@RoyJ
数据
包含货币化值,例如:数字后跟货币符号,用html实体表示您想在文本输入字段中解释html实体吗?您希望能够将货币符号反向转换为实体符号吗?