vue3+elementplus中v-html的用法script在html中的用法
    Vue3+Element Plus中的v-html指令用于将动态生成的HTML代码插入到模板中。它可以将一个字符串作为参数，然后将这个字符串作为HTML代码渲染到模板中的指定位置。
   
    使用v-html指令的语法非常简单，只需要在模板中的元素上加上v-html属性，并将要插入的HTML代码作为属性的值即可。例如：
   
    ```html
    <template>
      <div v-html="dynamicHTML"></div>
    </template>
    ```
   
    在上面的例子中，我们将动态生成的HTML代码存储在data中的dynamicHTML属性中，并使用v-html指令将其插入到模板中的div元素中。
   
    需要注意的是，由于v-html指令会将HTML代码直接插入到模板中，因此需要确保插入的HTML代码是可信的，避免出现安全问题。同时，由于v-html指令会绕过Vue的模板编译，因此在使用时要特别小心，确保插入的HTML代码没有潜在的安全问题。
   
    除了在模板中直接使用v-html指令，我们还可以在组件的方法中动态生成HTML代码，并将其赋值给data中的属性，然后在模板中使用v-html指令插入。例如：
   
    ```html
    <template>
      <div v-html="generateHTML"></div>
    </template>
   
    <script>
    export default {
      data() {
        return {
          dynamicHTML: ''
        }
      },
      methods: {
        generateHTML() {
          // 动态生成HTML代码的逻辑
          return '<p>动态生成的HTML代码</p>'
        }
      }
    }
    </script>
    ```
   
    在上面的例子中，我们在组件的方法generateHTML中动态生成了一个段落标签，并将其作为HTML代码返回。然后在模板中使用v-html指令将这个HTML代码插入到div元素中。
   
    需要注意的是，由于v-html指令会将HTML代码直接插入到模板中，因此在生成HTML代码时要特别小心，确保没有潜在的安全问题。
   
    总结来说，v-html指令是Vue3+Element Plus中用于将动态生成的HTML代码插入到模板中的指令。它的使用非常简单，只需要在模板中的元素上加上v-html属性，并将要插入的HTML代码作为属性的值即可。但是需要注意的是，由于v-html指令会将HTML代码直接插入到模板中，因此需要确保插入的HTML代码是可信的，避免出现安全问题。