Javascript Sweet Alert 2中的Vue.js动态HTML和Vue指令

我试图用Sweet alert显示一个警报，顶部有一个作为搜索过滤器的输入，然后我想根据警报中输入的内容过滤

结果

问题是，Vue指令似乎在Sweet警报中不起作用-可能是因为它不在
#app
的范围内。让我惊讶的是，我没有看到太多的问题，所以我认为我只是做错了什么

是否有办法在甜警报的标记中包含Vue指令、事件等

new Vue({

    el: '#app',

    data(){

        results: []        
    }   
});

swal({
标题：“某物”，
html:`
按我
`
});

谢谢
如果是单变量，请注意，这是一个倒勾，而不是一个qoute

swal({

    title: 'Something',
    html: `
            <button @click="test">Press Me</button>
          `
});

const标记=`
${person.name}
${person.location}
${person.bio}
`;

这是用于循环的

const markup = `
 <div class="person">
    <h2>
        ${person.name}
    </h2>
    <p class="location">${person.location}</p>
    <p class="bio">${person.bio}</p>
 </div>
`;

const标记=`

${dogs.map（dog=>`
${dog.name}是${dog.age*7}
`）

`;

参考资料：
您在这里找到解决方案了吗？
const markup = `
<ul class="dogs">
    ${dogs.map(dog => `<li>${dog.name} is ${dog.age * 7}</li>`)}
</ul>
`;