原创 解決Element-UI 側邊欄頁面刷新後不高亮顯示的問題
<el-menu class="el-menu-vertical-demo" :default-active="$route.path"> <template v-for="item in list"> <rou
2020-06-29 01:31:47
1
原创 小程序使用
尺寸使用 rpx = window.innerWidth/750 對於iphone6 1rpx = 0.5px 對於iphone6p 1rpx = 0.552px 1. 小程序<template>的使用 1）template的is可以
2020-06-15 16:44:28
原创 vue中input輸入框觸發功能父子組件傳值
子組件： <template> <div class="inputTip"> <el-input v-model="currentValue" @input="childClick"></el-input> <el-
2020-06-15 16:44:28
原创 vue基礎知識點
說說你對MVVM的理解 Model-View-ViewModel的縮寫，Model代表數據模型，View代表UI組件，ViewModel將Model和View關聯起來。 數據會綁定到viewModel 層並自動將數據渲染到頁面中，視
2020-06-15 16:44:28
原创 css進度導航引導條
html部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>進度流程引導圖-示例</title> <link
2020-02-22 20:42:21
原创 elementUI 全局設置loading
import axios from 'axios' import { Loading } from 'element-ui' axios.defaults.baseURL = 'http://192.168.0.6:3000' wi
2020-02-22 20:42:21
原创 vue項目中加載慢的時顯示{{}}
/*css樣式*/ [v-cloak] {display: none;} <!--html代碼--> <div id="app" v-cloak><ul><li v-for="item in tabs">{{item.text}}</
2020-02-22 20:42:21
原创 變量的解構賦值
1、解構的含義 允許按照一定的模式，從數組和對象中取值，對變量進行賦值，稱爲解構。 解構賦值時，只要等號右邊的值不是對象，就先將其轉換成對象。 本質上，這種寫法屬於 “模式匹配”，只要兩邊模式相同，左邊的變量就會被
2020-02-22 20:42:21
原创 Web常見攻擊總結
首先簡單介紹幾種常見的攻擊方式： SQL注入 XSS CSRF 點擊劫持 中間人攻擊 1 SQL 注入 這是一種比較簡單的攻擊方式。 如果後臺人員使用用戶輸入的數據來組裝SQL查詢語句的時候不做防範， 遇到一些
2020-02-22 20:42:21
原创 Vue項目怎麼在手機上面測試
1.修改config文件夾下面的index.js文件 找到host: ‘localhost’,修改爲：host: ‘0.0.0.0’ module.exports = { dev: { host: '0.0.0.0',
2020-02-22 20:42:21
原创 基於Element-UI的組件改造的樹形選擇器（樹形下拉框）
前言：由於做項目需要一個樹形選擇器，項目用的也是element-ui框架，然而它自帶的選擇器組件沒有樹形選項，又不想引入其他的框架組件，於是自己利用el-select和el-tree改造了一個，感覺還挺好用的，就封裝成了一個組件，如下圖：
2020-02-22 20:42:21
原创 vuex中store存儲store.commit和store.dispatch的區別及用法
代碼示例： this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true) 規範的使用方式： // 以載荷形式 store.com
2020-02-22 20:42:21
原创 vue項目的日期格式化
export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear
2020-02-22 20:42:21
原创 vue 頁面間傳值
同級傳參的兩種方式 1.query穿參，或者params傳參 使用 this.$router.push({path: '/', query: {參數名: '參數值'}) this.$router.push({name: '/', par
2020-02-22 20:42:21
原创 Vuex- Action的 { commit }
Vuex 中 使用 Action 處理異步請求時，常規寫法如下： getMenuAction:(context) =>{ context.commit('SET_MENU_LIST',['承保2','覈保
2020-02-22 20:42:21