原创 響應式表單校驗方法彙總
一 .創建一個響應式表單 1.引入模塊 import { FormBuilder, FormGroup, Validators, FormArray } from '@angular/forms'; 2.注入 public s
2020-06-30 03:54:27
原创 Angular6+ 父子組件以及組件之間通訊
一、父組件給子組件傳值 – @input 父組件不僅可以給子組件傳遞簡單的數據，還可把自己的方法以及整個父組件傳給子組件 1. 父組件調用子組件的時候傳入數據 <app-header [msg]="msg"></app-head
2020-06-12 21:16:24
原创 vue預渲染項目報錯webpackJsonp is not defined
在vue單頁面應用中，我們大概都會使用CommonsChunkPlugin這個插件。 但是在項目經過本地測試沒有任何問題，打包上線後卻會報錯 webpackJsonp is not defined。這是因爲公共文件必須在自己引用的
2020-06-12 21:16:24
1
原创 vue中使用moment把時間戳 格式化爲 時間格式 (YYYY-MM-DD)
1 首先在vue項目中 npm install moment --save 2. 定義時間格式化全局過濾器 在main.js中或組件中導入該組件 import moment from 'moment' 3. 用法一 在全局
2020-06-12 21:16:24
原创 iview 可編輯表格與表格驗證
在日常的開發過程中，可編輯表格的應用場景還是很多的。在嘗試實現該功能時，發現沒有很便捷的實現方式，官方文檔也沒有具體案例；於是自己動手簡單寫了個demo 僅供參考 具體代碼如下所示 : <template> <div sty
2020-06-12 21:16:24
原创 angular6 中路由守衛 CanActivate和CanDeactivate
1. CanActivate 路由進入 新建守衛 auth-guard.service.ts 文件 import { CanActivate } from '@angular/router'; export class Login
2020-06-12 21:16:24
原创 Vue中 this.$router.push（） 實現頁面跳轉及傳參
我們在執行點擊按鈕跳轉頁面之前還會執行一系列方法，這時可以使用 this.$router.push(location) 來修改 url，完成跳轉。 push 後面可以是對象，也可以是字符串： // 字符串 this.$route
2020-06-12 21:16:14
原创 vue中watch， computed 的詳細用法及對比
1.computed 1.1 get用法 data: { firstName: 'Foo', lastName: 'Bar' }, computed: { fullName: function
2020-06-12 21:16:14
原创 在Apple Macbook中 npm i 報錯 Maximum call stack size exceeded
在vue-cli npm i 下載依賴時報錯Maximum call stack size exceeded 網上查了很多資料依然無法解決這個報錯問題 最後在不懈的努力下發現了 , 問題是由於在windows 系統下載依賴時項目會
2020-06-12 21:16:14
原创 iframe 跨域頁面之間傳值
父頁面向子頁面傳值 通過H5的postMessage方法傳值 首先，在父頁面A中建立一個iframe，其中src要寫好子頁面B的地址，然後在A頁面中寫如下方法： <iframe [src]="iframeSrc" id="over
2020-06-12 21:16:14
原创 vue項目在webpack2實現移動端字體自適配
使用vue開發移動端頁面時，往往需要實現頁面根據不同設備屏幕進行尺寸的適配，實現將px自動換算成rem單位，其實只需要安裝下面的兩個插件即可快速實現移動端適配問題。 1 準備工作： a. 安裝 px2rem-loader 插件：n
2020-06-12 21:16:14
原创 Vue路由元信息、頁面跳轉、驗證登錄時，path與meta有何不同？
在做網站登錄驗證的時候，使用到beforeEach 鉤子函數進行驗證操作，如下面代碼 ，如果頁面路徑 path爲/goodsList，那麼就讓它跳轉到登錄頁面，實現了驗證登錄。 如果需要登錄驗證的網頁很多，怎麼辦？ 1.這裏是對
2020-06-12 21:16:14
原创 在vue預渲染項目在history模式下刷新無法正常頁面
在vue預渲染項目在history模式下刷新無法渲染頁面的問題刷新css樣式不生效報錯404 const router = new Router({ mode: 'history', routes: [
2020-06-12 21:16:14
原创 純 js 實現系統間自動登錄功能
一 . 此方法使用的前提條件 各系統間域名必須是相同的 . 例如 http:// vue.deppontest.com:9000/#/ 自動登錄到 http:// angular.deppontest.com:8080
2020-06-12 21:16:14
原创 Angular formGroup 響應式表單及多條件校驗
由於前段時間使用angular框架並在其中使用到了formGroup響應式表單多條件校驗功能所以總結一下前段時間的收穫及成果 ，方便以後查閱 Angular 支持非常強大的內置表單驗證，maxlength()、minlength(
2020-06-12 21:16:14