在Vue中，我们经常会使用模板字符串。当然，现在的模板字符串使用方法也越来越多。

在项目中，经常会遇到一个问题，就是需要在模板字符串中，写一个html元素，如下：

let contentStr = `<p>我是模板字符串，点击我。</p>`

如果需要在点击该html元素时，触发点击事件，那么把模板字符串改成：

let contentStr = `<p onclick="clickFun()">我是模板字符串，点击我。</p>`
// 注意，是onclick，不是@click

同时，定义该方法，并在钩子函数mounted中赋值该方法给window对象：

methods: {
    clickFun() {
        // 1、定义绑定的方法
    }
},

mounted() {
    // 2、复制给window对象
    window.clickFun = this.clickFun;
}

如此便大功告成，点击html元素时即可触发点击事件啦~

# javascript # html # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue