[英]Vue.js dynamic HTML and Vue directives in Sweet Alert 2
new Vue({
el: '#app',
data(){
results: []
}
});
我正在尝试使用Sweet Alert显示警报,并在顶部输入搜索过滤器,然后我想根据警报中输入的内容过滤results
。
问题是,Vue指令似乎没有在Sweet Alert中生效 - 可能是因为它不在#app
的范围内。 令我惊讶的是,我没有看到太多的问题,所以我认为我只是做错了什么。
有没有办法在Sweet Alert的标记中使用Vue指令,事件等?
swal({
title: 'Something',
html: `
<button @click="test">Press Me</button>
`
});
谢谢
这在单变量的情况下通知它的反引号而不是单个qoute
const markup = `
<div class="person">
<h2>
${person.name}
</h2>
<p class="location">${person.location}</p>
<p class="bio">${person.bio}</p>
</div>
`;
这是循环
const markup = `
<ul class="dogs">
${dogs.map(dog => `<li>${dog.name} is ${dog.age * 7}</li>`)}
</ul>
`;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.