用iview寫項目遇到的一些問題

原創 王2疼 2019-03-19 06:37

用iview寫項目遇到的一些問題

1、menu導航手動展開制定的子菜單

在此處先自定義了一個變量數組 openedNames
在這裏插入圖片描述
最開始想的是 監聽route路徑，路徑變化時，改變openedNames值，值是改變了，但是並沒有按照name值來展開對應的子菜單。查看文檔，發現有個方法updateOpened，就直接寫上去了，還是無效。最後的解決辦法如下：

1、監聽openedNames值：
在這裏插入圖片描述在這裏插入圖片描述
2、監聽route路徑變化：
在這裏插入圖片描述
updateOpenName函數：
在這裏插入圖片描述

功能快捷鍵

鏈接: link.

帶尺寸的圖片: Alt

居中的圖片: Alt

居中並且帶尺寸的圖片: Alt

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

後端 Java 程序員眼中的 Vue——（一）創建及運行

現在 Vue 用的越來越多，工作上有時前後端都要搞，作爲後端程序員接手 Vue 該如何做呢，下面來記錄一下基礎的東西，並創建一個 Vue 項目 談 Vue 不能避開的 3 個東西 Node.js npm vue-cli No

厕所博士 2020-07-08 11:50:38

vue axios 下載文件

功能：點擊導出按鈕，提交請求，下載excel文件； 第一步：跟後端童鞋確認交付的接口的response header設置了 以及返回了文件流。 第二步：修改axios請求的responseType爲blob，以post請求爲例：

多纤果冻 2020-07-06 17:16:05

Vue使用axios服務端簽名，前端直傳阿里Oss

前端html <input type="file" ref="fileId" @change="getFile"> 前端上傳函數 getFile: function () { this.$axios.get('自己的

fadedsun 2020-07-05 00:19:22

Vue使用插件播放視頻

Vue使用插件播放視頻 在 cmd中運行 vue ui 在項目管理裏的插件管理下載vue-video-player 全局引入 import VideoPlayer from 'vue-video-player' require(

fadedsun 2020-07-05 00:19:22

linux安裝nodejs，並切換版本

yum update yum install nodejs node -v npm -v 安裝nodejs管理工具 n sudo npm install n -g 出現錯誤: symbol SSL_set_cert_cb

fadedsun 2020-07-05 00:19:22

vue router的基本使用

vue router是vue學習的核心之一，剛開始學習，官網的有些方法理不清，在網上找了些相關的，自己能看得懂和理解的。在這記錄下，需要的時候自己過來查。 router有兩種模式，hash模式和history模式。 hash模式：

eva_feng 2020-07-04 23:02:00

vue 非父子組件之間的通信--eventBus

非父子組件之間的通信有兩種方法：eventBus，vuex。這裏先只記錄下eventBus的使用方法。 例如：一個父組件中同時引入A組件和B組件，A組件中點擊觸發後將數值10傳到B組件中。 第一步：定義一個公共的實例文件eventBus.

eva_feng 2020-07-04 23:02:00

Vue項目打包報錯Failed to load resource: net::ERR_FILE_NOT_FOUND

打包出錯顯示空白頁，或者Failed to load resource: net::ERR_FILE_NOT_FOUND 1.webpack.prod.conf.js 中output添加參數publicPath:'./' 2.修改we

小小雪花儿 2020-07-04 16:18:29

vue 顯示與隱藏，點擊顯示一個

<template> <div> <header-top> <span slot="title" class="name">版本更新</span> </header-top> <div class="h_con"> <div class=

小小雪花儿 2020-07-04 16:18:27

vue返回上一頁面時記憶當前位置，返回回到原先滾動的位置

因爲vue是單頁面應用，進入其他頁面時會銷燬該頁面，用keep-alive不讓其刷新，具體實現爲： 在App.vue中加入： index.js頁面 這樣在index.vue中，mounted方發只走一次，在瀏覽器上實現了返回

小小雪花儿 2020-07-04 16:18:27

利用計算屬性改寫todolist示例程序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.j

gunsmoke 2020-07-03 20:22:51

第一個vue組件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.j

gunsmoke 2020-07-03 20:22:51

前端過濾加模糊查詢/模糊查詢（不區分大小寫）

<template>    <el-container>       <el-aside width="350px" class="elAside">          <div class="leftTop">            

金刚大力士 2020-07-03 09:13:09

vue-router 懶加載報錯 Loading chunk {n} failed

懶加載 懶加載：避免單頁面應用一次性加載全部組件造成加載時間過長。 使用： // router文件中 routes: [ { path: '/Login', name: 'Login', componen

王2疼 2020-07-03 02:44:00

Vue局部組件的創建

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/jav

2B青年弹棉花 2020-07-02 18:35:18