2017-04-13 73 views
-1

vue v-show無法使用道具屬性呈現html?

<template> 
 
    <div v-show="isShow"></div> 
 
</template> 
 
<script> 
 
    export default{ 
 
     props: { 
 
     isShow: true 
 
     } 
 
    } 
 
</script> 
 
<test isShow=false></test>

這是VUE演示。

像這樣,這不起作用。

爲什麼?爲什麼?爲什麼?

回答

2
<template> 
    <div v-show="isShow"></div> 
</template> 
<script> 
    export default{ 
    props: { 
     isShow: {type: Boolean, default: true } 
    } 
    } 
</script> 

<test v-bind:is-show="false"></test>