v-else-if（v-show)

2024-09-06 00:08:16

<div id="app"> <div v-if="type === 'A'"> A </div>

<div v-else-if="type === 'B'"> B </div>

<div v-else-if="type === 'C'"> C </div>

<div v-else> Not A/B/C </div> </div>

<script> new Vue({ el: '#app', data: { type: 'C' } }) </script>

//v-show

<div id="app">
<h1 v-show="ok">Hello!</h1>
</div>

<script>
new Vue({
el: '#app',
data: {
ok: true
}
})
</script>

最新文章

热门文章