vue專案中使用element ui封裝選單樹

2021-09-26 08:08:40 字數 679 閱讀 2336

一. 效果圖

底層使用el-menu選單元件,專案中要求動態獲取選單樹,並且層級不固定。所以就在el-menu元件基礎上封裝了一下。

二. 實現**

sidebar.vue 檔案

>

width

="200px"

style

="background-color

: #f3f6f9

">

:background-color

="menubgcolor"

text-color

="#555d6d"

active-text-color

="#5da1ff"

:default-active

="activepath"

@select

="selectmenu"

>

:data

="menulist"

:active

="menuselect"

/>

el-menu

>

el-aside

>

template

>

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...