Vue中 v-html 指令警告

第一步：引入依赖

npm install xss --save
#or
yarn add xss

第二步：main.js中引入xss包并挂载到vue原型上

import xss from 'xss'
Vue.prototype.xss = xss

第三步：在vue.config.js中覆写html指令

  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions.directives = {
          html(node, directiveMeta) {
            (node.props || (node.props = [])).push({
              name: 'innerHTML',
              value: `xss(_s(${directiveMeta.value}))`
            })
          }
        }
        return options
      })
  }