實例代碼：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue點擊切換顯示隱藏</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script></head><body> <div id="example"> <button v-text="btnText" @click="showToggle"></button> <p v-show="isShow">原本可以成為Google、Facebook的“爸爸”，或者微軟的“兒子”，最后卻像“孫子”一樣被賤賣，淪為互聯(lián)網(wǎng)浪潮的“棄子”。</p> </div> <script type="text/javascript"> new Vue({ el:"#example", data:{ btnText:"隱藏", isShow:true }, methods:{ showToggle:function(){ this.isShow = !this.isShow if(this.isShow){ this.btnText = "隱藏" }else{ this.btnText = "顯示" } } } }) </script></body></html>以上這篇Vue.js 點擊按鈕顯示/隱藏內(nèi)容的實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
