vue常用操作技巧

2022-03-09 10:28:14 字數 930 閱讀 2557

1、元件註冊,隨時隨地在頁面中使用這些高頻元件,無需手動乙個個引入

//

global.js檔案

import vue from 'vue'

//轉換單詞首字母大寫

function

changestr(str)

//把元件放在src目錄下components下,獲取所有.vue檔案

const requirecomponent = require.context('@components', true, /\.vue$/)

//查詢

const install = () =>)

}export

default

在main.js中,匯入global.js

import scan from './global.js'vue.use(scan)

2、高精度許可權控制——自定義指令directive

通常使用v-if或者v-show來做許可權判斷。如果判斷條件繁瑣且多個地方需要判斷,很不方便。可以通過全域性自定義指令來處理。

//

新建許可權儲存函式

export function

checkarray(key)

else

}

將array檔案掛在到全域性

import  from './array.js'vue.directive("permission", 

}}})

使用

abc

3、v-for和click同時存在,迴圈繫結事件,將事件寫在父元素上

for="item in 10" :a="item" :key="item">}

parentclick(event)

Vue常用技巧收錄

1.刪除陣列索引 在陣列中刪除一項標準做法是用 array.splice index,1 del index 版本中 可以直接使用vue.delete del index demo 2.選中input框中文字 呼叫select 方法即可 元件中呼叫就需要加上native屬性 demo 3.私有屬性 ...

電腦常用操作技巧

對於平時電腦及網路常用的操作技巧,現總結歸納如下 1.快速進入iis設定頁面 在電腦搜尋視窗中搜尋inetmgr即可.2.右擊計算機 管理 事件檢視器,就可以檢視系統事件日誌了。3.輸入cmd命令可以快速進入docs屆面.4.輸入regedit命令可以快速進入登錄檔操作屆面.5.mis mis ma...

Qt Creater常用操作技巧

布局管理器操作技巧 ctrl按住,進行多項控制項選擇.ctrl h 進行水平布局.ctlr l 進行垂直布局.但是布局器之間布局的時候,右邊的屬性布局管理頁節點也是可選的,進行管理布局器之間布局 ctrl h,ctlr l ide編輯器操作技巧 1.分欄顯示 qt creator開發基本上都會用到....