如何使用v-if和v-else而不使用任何html标记

时间:2018-03-11 08:17:22

标签: vue.js

列表项

<ul>
 <li>language</li>

   < v-if= "tree()"> //which tag I may use or any other process
    <li>home</li>
    <li>about</li>
   <>
   < v-else> //which tag I may use or any other process
    <li>accounts</li>
    <li>listing</li>
   <>
</ul>'

在我可以使用的V-if哪个html标记或任何其他vue.js进程中使用它。

2 个答案:

答案 0 :(得分:22)

您可以使用template

<template v-if="condition">
</template>
<template v-else>
</template>

模板不会在浏览器中呈现。但它会将内容解析为html。

答案 1 :(得分:0)

您有时可以使用<slot>元素制作您想要的内容。请查看插槽文档here