vue alert内含有html,javascript – Vue.js Sweet Alert 2中的动态HTML和Vue指令

new Vue({

el: '#app',

data(){

results: []

}

});

我正在尝试使用Sweet Alert显示警报,并在顶部输入搜索过滤器,然后我想根据警报中输入的内容过滤结果.

问题是,Vue指令似乎没有在Sweet Alert中生效 – 可能是因为它不在#app的范围内.令我惊讶的是,我没有看到太多的问题,所以我认为我只是做错了什么.

有没有办法在Sweet Alert的标记中使用Vue指令,事件等？

swal({

title: 'Something',

html: `

Press Me

`

});

谢谢

解决方法:

这在单变量的情况下通知它的反引号而不是单个qoute

const markup = `

${person.name}

${person.location}

${person.bio}

`;

这是循环

const markup = `

${dogs.map(dog => `

${dog.name} is ${dog.age * 7}`)}

`;

标签：javascript,dynamic,vue-js,sweetalert2,sweetalert

来源： https://codeday.me/bug/20190710/1427535.html