最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 {{weixinTitle}}

給vue實例添加方法

在vue實例中給methods對象中添加我們自定義的方法

methods: {
 //選中主菜單
 selectedMenu:function (i) {
 this.selectedSubMenuIndex = ''
 this.selectedMenuIndex = i
 },
 //選中子菜單
 selectedSubMenu:function (i) {
 this.selectedSubMenuIndex = i
 },
 //選中菜單級別
 selectedMenuLevel: function () {
 if (this.selectedMenuIndex !== '' && this.selectedSubMenuIndex === '') {
 //主菜單
 return 1;
 } else if (this.selectedMenuIndex !== '' && this.selectedSubMenuIndex !== '') {
 //子菜單
 return 2;
 } else {
 //未選中任何菜單
 return 0;
 }
 },
 //添加菜單 
 //參數(shù)level為菜單級別，1為主菜單、2為子菜單
 addMenu:function (level) {
 if (level == 1 && this.menu.button.length < 3) {
 this.menu.button.push({"name": "菜單名稱",
 "sub_button": []
 })
 this.selectedMenuIndex = this.menu.button.length - 1
 this.selectedSubMenuIndex = ''
 }
 if (level == 2 && this.menu.button[this.selectedMenuIndex].sub_button.length < 5) {
 this.menu.button[this.selectedMenuIndex].sub_button.push({
 "name": "子菜單名稱"
 })
 this.selectedSubMenuIndex = this.menu.button[this.selectedMenuIndex].sub_button.length - 1
 }
 }
}

給菜單綁定方法

當(dāng)點擊菜單觸發(fā)selectedMenu方法，點擊添加按鈕觸發(fā)添加addMenu方法。使用v-on來監(jiān)聽事件，它的縮寫是@

監(jiān)聽點擊事件@click ，為了防止子菜單點擊事件冒泡的主菜單，則使用.stop事件修飾符來阻止冒泡@click.stop

使用v-bind:class來添加切換菜單選中時的class。:class為縮寫

 
 
 
 {{ btn.name }}