真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

使用Vue.js怎么實(shí)現(xiàn)點(diǎn)擊切換按鈕改變內(nèi)容

今天就跟大家聊聊有關(guān)使用Vue.js怎么實(shí)現(xiàn)點(diǎn)擊切換按鈕改變內(nèi)容，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)主要從事網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、小程序定制開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等多方位專業(yè)化運(yùn)作于一體。

代碼描述：點(diǎn)擊切換按鈕，來改變顯示的內(nèi)容，切換不同的單位。flag相當(dāng)于一個(gè)開關(guān)，控制開關(guān)的改變，來切換不同的單位。同樣適用于其他的切換內(nèi)容實(shí)例，也可設(shè)置按鈕點(diǎn)擊顯示隱藏等。

 
 
 
  
 vue點(diǎn)擊切換改變內(nèi)容 
  
 
 
 
  
  
 
 
  
    
  
 
  
 new Vue({ 
  el:"#example", 
  data:{ 
   flag:true,//單位切換開關(guān)
   btnText:'元/噸',
  }, 
  methods:{ 
   showToggle:function(){ 
    this.flag = !this.flag 
    if(this.flag==true){ 
     this.btnText = "元/噸" 
    }else if(this.flag==false){ 
     this.btnText = "元/方" 
    } 
   } 
  } 
 })

拓展知識：vue 點(diǎn)擊按鈕改變頁面顯示內(nèi)容的方法

如下所示：




 
 Title
 
 
 



 
  Username
  
 
 
  Email
  
 
 change

var vm = new Vue({ el:'#one', data:{ loginType : 'username' }, methods:{ change:function(){ if(this.loginType=='username'){ this.loginType='email' } else{ this.loginType='username' } } } })

看完上述內(nèi)容，你們對使用Vue.js怎么實(shí)現(xiàn)點(diǎn)擊切換按鈕改變內(nèi)容有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

網(wǎng)頁題目：使用Vue.js怎么實(shí)現(xiàn)點(diǎn)擊切換按鈕改變內(nèi)容
文章源于：http://weahome.cn/article/jojiid.html