實例代碼:
<!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)。
新聞熱點
疑難解答