v-show控制頁面的切換,隱藏顯示
在要加事件的地方,加@click.stop.prevent="card"
在要隱藏顯示元件的地方,加v-show="showcard"
如圖;
2.購物車的單選按鈕,選中商品功能,介面裡面沒有字段,是監聽不到的,通過$set設定乙個不存在的變數,放在data裡面,
兩種方法,1.全域性註冊 vue.set(item,"checked",true);2.區域性註冊 this.$set(part,"checked",true);
如果乙個變數不在data裡面宣告或者不在物件裡面,用vue監控不到屬性(乙個物件裡面的變數不存在,解決辦法)
思路:先判斷商品是否選中,然後取反
注意:繫結class,一定是陣列或者物件,,
//呼叫下面的方法,part.checked=true,即為checked:true
//選中商品的方法
selectproduct:function(part)elseelse}
payclass() else if (!this.food.count) elsethis.selectfood =food;this.$refs.food.show(); //呼叫子元件的方法
子元件food的方法:
export default , , ]
vue 關掉vue專案中的ESlint
在新建專案的時候,還信心滿滿的要標準開發,於是開啟了eslint 檢測,後來才發現,想法的太天真,空格縮排不對都要報錯,而且我對錯誤是0容忍。並且一般都是用外掛程式對 進行格式化,但還是很多錯誤,實在不想一遍遍去排查,於是找了找資料,關掉專案中eslint 但是eslint也有可取之處。它可輔助規範...
vue 專案中的scoped
加了scoped的樣式,在打包後,就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識,看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣,不同的不一樣 這就是為什麼引入其他元件時,在帶有sco...
專案中常用的註解
data 應用場景 實體類不用手動新增get set 方法 匯入 idea中需要新增lombok外掛程式 noargsconstructor 自動生成無引數建構函式。allargsconstructor 自動生成全引數建構函式。select 和 selectprovider的區別 select 後直...