求解button的文字屬性
請問button上的文字屬性怎么隨著show的屬性改變啊 比如show是true的時候顯示文字是隱藏 false的時候顯示文字是顯示
鹿年輕
2018-09-11
5 回答
舉報(bào)
0/150
提交
取消
2022-03-25
是盒子模型的，必須能改變其樣式，不然那么多行級元素，沒發(fā)改變樣式，多枯燥啊；謝謝啊看來還是要懂英語啊
2019-02-15
<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的內(nèi)容用一個數(shù)據(jù)變量綁定（btn_text），監(jiān)聽按鈕button的點(diǎn)擊事件，事件里判斷h1的狀態(tài)（隱藏顯示），也就是show的值，以此來修改button的test內(nèi)容，也就是btn_text的值
2018-09-18
data?()?{return?{show:?true}}2018-09-18
<button @click="show = !show"><span v-if="show">按鈕內(nèi)容</span></button>
data?()?{return?{show:?true}}2018-09-12
個人感覺沒這個需求的必要，可以實(shí)現(xiàn)點(diǎn)擊的時候文字發(fā)生改變