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>
`;
这是for循环
const markup = `
<ul class="dogs">
${dogs.map(dog => `<li>${dog.name} is ${dog.age * 7}</li>`)}
</ul>
`;
关于javascript - Sweet Alert 2 中的 Vue.js 动态 HTML 和 Vue 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44881498/