Vue中动态拼接html代码包含方法传参方式

1.首先你拼接的htmllet content=<button onclick="come()"></button>;2.在methods中创建一个函数methods:function(){come:function(){alert('你好！再见')}},3.嫁接的桥梁created(){let bridge=this;window.come=bridge.come;},4.ok完成

Nice康

3622人浏览 · 2022-03-16 16:40:38

Nice康 · 2022-03-16 16:40:38 发布

1.首先你拼接的html

let content=<button onclick="come()"></button>;

2.在methods中创建一个函数

methods:function(){

come:function(){
    alert('你好！再见')
}

},
3.嫁接的桥梁

created(){

let bridge=this;
window.come=bridge.come;

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}$/, //不连续的两位字母// /^