2020 11 27 vue 專案實戰

2021-10-10 22:11:27 字數 2765 閱讀 9211

="請輸入申請單編號"

>

el-input

>

v-model

="queryparams.cityorgcode"

placeholder

="請選擇業務分類"

clearable

@change

="handledistrictcount"

>

v-for

="item in citycountlist"

:key

="item.cityorgcode"

:label

="item.cityorgname"

:value

="item.cityorgcode"

>

el-option

>

el-select

>

template

>

slot

="right"

>

type

="primary"

icon

="el-icon-plus"

@click

="handleadd"

v-haspermi

="['visit:project:add']"

>

新增el-button

>

template

>

export

default},

data()

},methods:

,queryreset()

}}

.common-filter

}

import vue from

'vue'

import vuex from

'vuex'

// 其他地方定義的 store

import user from

'./modules/user'

import tagsview from

'./modules/tagsview'

import permission from

'./modules/permission'

import settings from

'./modules/settings'

import getters from

'./getters'

vue.

use(vuex)

// vuex stroe 語法

// state:{} // 全域性引數

// mutations:{} // set 方法 // this.$store.commit('set_module_name',response.data.modulename)

/* actions:{} // api 呼叫區 this.$store.dispatch('settings/changesetting', {}) */

// modules:{} // 提前宣告其他store檔案在這引入

// getters:{} // get 方法

const store =

newvuex.store(,

getters})

export

default store

/**

* 操作許可權處理

*/import store from

'@/store'

// el:指令所繫結的元素,可以用來直接操作 dom

// binding:

// v-my-directive:foo 引數

// vnode:指令所繫結的元素,可以用來直接操作 dom

export

default

= binding // es6解構關鍵字 const value = binding.value

// const = binding

const all_permission =

"*:*:*"

;const permissions = store.getters && store.getters.permissions

if(value && value instanceof

array

&& value.length >0)

)if(!haspermissions)

}else

}}

//  指令註冊

import hasrole from

'./hasrole'

import haspermi from

'./haspermi'

const

install

=function

(vue)

if(window.vue)

export

default install

電商專案 2020 11 27

展示使用者註冊介面 注意導包路徑,設定正確的倒包路徑 編寫使用者模型類 使用django自帶的使用者認證系統和授權系統,核心是user,進行繼承新增自定義字段,並正確遷移自定義使用者模型,建立使用者表 使用者註冊邏輯的實現 註冊邏輯分析,完成主邏輯和分支邏輯的構建 設定主邏輯的介面,和分支邏輯的介面...

Vue專案實戰 上線部署

剔除專案無用 前端效能優化 配置伺服器做網域名稱解析 上傳專案 啟動服務 1 路由按需載入方案 路由懶載入能把不同路由對應的元件分割成不同的 塊,然後當路由被訪問的時候才載入對應元件,這樣就更加高效了。路由懶載入主要目的是防止 首屏載入內容過多,延時過長,造成白屏,不利於使用者體驗。方式1 在rou...

vue專案實戰《電影快訊》 專案總結

建立新的元件 路由 js等檔案時,應該首先建立乙個對應名字的資料夾,然後在資料夾裡面建立的乙個名為index的對應檔案,這樣既能夠避免將所有的 寫在一起,而引起的 複雜的問題,又能避免引入檔案的路徑複雜 只用找到對應名字的資料夾即可,系統會預設尋找當前目錄下名為index的檔案 當乙個頁面在註冊公共...