原创 不需要打包,局域網下使用ip訪問Vue項目

1, 首先找到使用vue腳手架建立項目config文件中的index.js文件 2, 修改dev裏面的host屬性值:改成 host: ‘0.0.0.0’ 3, 最後在局域網下,使用自己的ip進行連接,同時別忘了重啓項目。

原创 element-ui中Table表格省市區合併單元格

效果如圖 代碼如下: <template> <div> <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-fo

原创 Vue Router 路由拆分

1,子路由拆分 子路由map.js const map = [ { path: '/map-mutations', name: 'map-mutations', component: () => import('@/c

原创 封裝axios+VueAxios+Element-UI+攔截器

提示:本人是新手,大家看看就好! 封裝axios,提示信息使用的是Element-UI 1,首先安裝axios+VueAxios //安裝axios npm install axios -S //安裝VueAxios npm insta

原创 Vue Router 的params和query傳參的使用和區別(詳盡)

首先簡單來說明一下$router和$route的區別 //$router : 是路由操作對象,只寫對象 //$route : 路由信息對象,只讀對象 //操作 路由跳轉 this.$router.push({ name:'h

原创 Vue兩種環境下的渲染函數render(新手學習)

備註:新手學習, 直接引入的方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa

原创 vue打包後本地查看hash模式和history模式的效果

1,如果路由是hash狀態 首先打開項目文件夾。找到config文件夾裏的index.js文件中的build對象,將assetsPublicPath中的“ / ”,改爲“ ./ ”。 如圖 然後進行打包 npm run build

原创 vue2.0路由跳轉

router.push // 字符串 router.push('home') // 對象 router.push({ path: 'home' }) // 命名的路由 router.push({ name: 'user', params: