vue路由使用以及元件擴充套件

2022-09-18 06:48:11 字數 481 閱讀 6554

元件ref的使用

獲取dom節點

給dom節點記上ref屬性,可以理解為給dom節點起了個名字。

加上ref之後,在$refs屬性中多了這個元素的引用。

通過vue例項的$refs屬性拿到這個dom元素。

獲取元件

給元件記上ref屬性,可以理解為給元件起了個名字。

加上ref之後,在$refs屬性中多了這個元件的引用。

通過vue例項的$refs屬性拿到這個元件的引用,之後可以通過這個引用呼叫子元件的方法,或者獲取子元件的資料。

132456

你好路由的使用

首頁詳情頁面

路由跳轉

宣告式跳轉,和函式式跳轉

宣告式跳**

路由高亮:就是給當前跳轉的頁面乙個效果

.router-link-active  寫乙個樣式

react路由使用以及封裝

yarn add react router dom or,if you re not using yarn npm install react router dom 路由對應官網 在目錄container下新建兩個檔案,home.js和detail.js import react from reac...

Vue中的元件以及路由

為什麼把檢視給元件化拆成一塊一塊的呢?說白了,元件就是對區域性檢視的封裝 全域性元件定義的三種方式 使用 vue.extend 配合 vue.component 方法 var login vue.extend vue.component login login 直接使用 vue.component ...

layui的upload元件使用以及上傳阻止測試

背景 頁面上乙個按鈕,點選彈出上傳框,從按鈕的方法 開始寫 處理未選擇檔案阻止上傳 通過判斷選擇檔案的數量,顯示或隱藏上傳按鈕 在js中定義 function uploadfile obj.preview function index,file,result alldone function obj...