VUE小知識點

1、通過data中的list迴圈img

在data中需要新增 require(),如  

2、獲取元素的data屬性

前台：

js：

jump(e)

3、js裡進行跳轉

html :

點我到第二個頁面js :
methods:)
}}

4、向data中賦值

let that=this;

that.center=0;//center為data中的屬性

5、vue中迴圈list

故障

裝置編號
} 安裝位置
} 登入時間
} 檢視
修改

6、獲取url中的引數

var id=this.$route.query.id;

7、編寫全域性可呼叫方法

以呼叫vant的notify為例。

在main.js中，先import：
import from 'vant';
vue.use(notify);
然後，再設定上全域性方法：
vue.prototype.notify = function(msg) 
這樣在任何乙個vue頁面中，可this.notify('通知')
即可全域性呼叫

Vue小知識點

動態路由 巢狀路由 routes 程式設計式導航 字串 router.push home 物件 router.push 命名的路由 router.push 帶查詢引數，變成 register?plan private router.push const userid 123 router.push ...

vue小知識點

小知識點 this.forceupdate 強制渲染 如果element table 中間某行出現貫穿線可以為其新增樣式 el table before 嵌入子元件常用方法 父元件可以通過this.refs.tree.changecon 11111 執行子元件方法並穿參 this.children ...

vue3 小知識點

1.reactive reactive 用於為物件新增響應式狀態。接收乙個js物件作為引數，返回乙個具有響應式狀態的副本。import from vue 響應式狀態 const state reactive 列印count的值 console.log state.count 頁面顯示 直接匯出sta...