使用el-input文本框实现文本html格式的保存，并回显编辑，显示详情等

在Vue.js中，你可以使用v-html指令来实现在el-input中显示HTML格式的文本。但是，需要注意的是，直接在el-input中插入HTML可能会引发安全问题，因为它可能会导致跨站脚本攻击（XSS）。因此，在实际应用中，你应该确保插入的HTML内容是安全的，或者使用库来清理不安全的HTML标签。

以下是一个简单的例子，展示了如何在Vue.js中使用el-input来实现文本的保存和回显，并使用v-html指令来显示HTML格式的文本。

 <!-- 编辑时使用el-input -->

  type="textarea"

 v-model="rawHtml"

 placeholder="请输入内容"

 @input="updateHtml"

 &gt;



 <!-- 显示详情时使用v-html指令 -->















export default {

 data() {

 return {

 rawHtml: '', // 编辑时的原始HTML字符串

 displayHtml: '' // 用于显示的HTML字符串

 };

 },

 methods: {

 updateHtml() {

 // 这里可以添加清理HTML的逻辑，防止XSS攻击

 this.displayHtml = this.rawHtml;

 }

 }

};

在这个例子中，rawHtml用于存储用户输入的原始HTML字符串。当用户输入时，@input事件触发updateHtml方法，该方法将rawHtml的值赋给displayHtml