Vue.js Sweet Alert 2中的動態HTML和Vue指令

Question

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>
          `
});

謝謝

Answer 1

這在單變量的情況下通知它的反引號而不是單個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>
`;

參考： http ： //wesbos.com/template-strings-html/