Vue.js从组件中删除div

Question

我在vue.js 2.0应用中拥有此模板：

<template>
    <div>
        <button class="xs:w-full md:w-auto button-main" @click="show = true">
            Open filters
        </button>

        <portal to="port-details">
            <div class="modal" v-if="show">
                <p>jow</p>
            </div>
        </portal>
    </div>
</template>

我需要删除周围的div，因为否则我的标记看起来很奇怪。但是，如果我删除它，显然会得到此错误：

  

组件模板应仅包含一个根元素

我该怎么做？