el-input绑定html
时间: 2023-07-05 12:07:59 浏览: 101
vue + el-input 中 textarea 实现 placeholder 换行
在Vue.js中,我们可以使用v-html指令将一个字符串作为HTML输出到元素中。因此,如果您想将el-input绑定到一个包含HTML标记的字符串,您可以使用v-html指令来实现。
例如,在模板中,您可以这样绑定el-input:
```
<template>
<div>
<el-input v-model="htmlContent" :value="htmlContent" :readonly="true" v-html="htmlContent"></el-input>
</div>
</template>
```
在上面的代码中,我们使用了v-html指令将htmlContent字符串作为HTML输出到el-input元素中。同时,我们也将这个字符串绑定到了v-model和:value中,以便在用户输入时能够响应式地更新数据。
注意,在使用v-html指令时,要确保字符串是安全的,并且不包含恶意代码,以避免跨站脚本攻击(XSS)的风险。
阅读全文