亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求解button的文字屬性

請問button上的文字屬性怎么隨著show的屬性改變啊 比如show是true的時候顯示文字是隱藏 false的時候顯示文字是顯示

正在回答

5 回答

是盒子模型的,必須能改變其樣式,不然那么多行級元素,沒發改變樣式,多枯燥??;

0 回復 有任何疑惑可以回復我~

<div id="div1">

? ? <h1 v-show="show">{{ msg }}</h1>

? ? <button @click="btn_click">{{ btn_text }}</button>

</div>

<script type="text/javascript">

? ? var div1 = new Vue({

? ? ? ? el: "#div1",

? ? ? ? template: "",

? ? ? ? data: {

? ? ? ? ? ? msg: "Hello World",

? ? ? ? ? ? show: true,

? ? ? ? ? ? btn_text: "隱藏"

? ? ? ? },

? ? ? ? methods: {

? ? ? ? ? ? btn_click: function () {

? ? ? ? ? ? ? ? this.show = !this.show;

? ? ? ? ? ? ? ? if (this.show) {

? ? ? ? ? ? ? ? ? ? this.btn_text = "隱藏";

? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? this.btn_text = "顯示";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? }

? ? });

</script>

button的內容用一個數據變量綁定(btn_text),監聽按鈕button的點擊事件,事件里判斷h1的狀態(隱藏顯示),也就是show的值,以此來修改button的test內容,也就是btn_text的值

1 回復 有任何疑惑可以回復我~
<button?@click="show?=?!show"><span?v-if="show">隱藏</span><span?v-else>顯示</span></button>
data?()?{return?{show:?true}}


0 回復 有任何疑惑可以回復我~
#1

鹿年輕 提問者

好像不行吶 有完整代碼嗎
2018-09-18 回復 有任何疑惑可以回復我~
#2

她沒長發 回復 鹿年輕 提問者

這個是可以的啊
2018-11-01 回復 有任何疑惑可以回復我~

<button @click="show = !show"><span v-if="show">按鈕內容</span></button>

data?()?{return?{show:?true}}


0 回復 有任何疑惑可以回復我~

個人感覺沒這個需求的必要,可以實現點擊的時候文字發生改變

0 回復 有任何疑惑可以回復我~
#1

鹿年輕 提問者

不是需求,只是個人的一個想法
2018-09-12 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

求解button的文字屬性

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號