原创 Vue.js自定義指令的用法與實例(用隨機的背景色佔位)

一、用來進行DOM操作 在圖片未完成加載前,用隨機的背景色佔位,圖片加載完成後才直接渲染出來; Vue.directive('img',{ inserted:function (el,binding){ var co

原创 vue配置 請求本地json數據

在build文件夾下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')後添加 const express = require('express') const

原创 面試遇到的面試題,感覺很有意思,所以記錄下來

上面是題目,下面是我和小夥伴寫的代碼 第一題:1⃣️ <script> const arr = [ [1, 2, 33, 5], [2, 10, 15, 16], [3, 1, 21

原创 js dom 操作記錄

/* dom操作相關js代碼 */ export function addClass(el, className) { // 添加class if (hasClass(el, className)) { return

原创 dt Grid 使用記錄

1、table表格合併 tables.dtGridColumns = [ {id: 'schoolName', title: '學校', type: 'string', columnClass: 'text

原创 無痕瀏覽的坑

在做項目的時候經常使用到本地存儲,當在移動端的時候,如果瀏覽器開啓了“無痕瀏覽”的話,那麼就會報錯了。 所以遇到這問題就是關閉無痕瀏覽就可以了。

原创 vue-lazyload vue圖片懶加載插件的使用記錄

首先在下載 npm i vue-lazyload --save-dev 然後在main.js 入口文件中配置引入 import VueLazyLoad from 'vue-lazyload' 然後配置默認加載圖片 Vue.use(V

原创 vue alias別名路徑問題

1⃣️vue-cli項目打包後空白:在config 》 index.js下的build中配置 assetsPublicPath: './', 2⃣️項目別名配置 alias: { 'vue$': 'vue/dist/vue.

原创 vue 組件間props報錯問題

遇到如下報錯: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Ins

原创 mac 配置Tomcat

1、下載tomcat [http://tomcat.apache.org/download-70.cgi](http://tomcat.apache.org/download-70.cgi) 2、把下載後的文件解壓,放到資源庫中(又叫/L

原创 vue2.0 transition過渡

組件過渡過程中,會有四個CSS類名進行切換,這四個類名與上面transition的name屬性有關,比如name="fade",會有如下四個CSS類名: 1.fade-enter:進入過渡的開始狀態,元素被插入時生效,只應用一幀後立即刪除;

原创 學習vue中遇到的報錯,特此記錄下來

1、 解決方案:在bulid中的webpack.base.conf.js文件中設置 或者檢查webpack中是否安裝了stylus、stylus-loader

原创 TypeScript+Vue 插件 vue-class-component的使用總結

首先 下載 npm install vue-class-component vue-property-decorator --save-dev 一梭子直接幹; 其次,咱來說說它們的區別與聯繫: vue-property-decorator社

原创 vue slot擼一擼

vue使用過程中接觸到slot,一番操作下有以下記錄: ①單個:父組件引用子組件的時候,寫在子組件中的內容插入到了子組件中的slot位置; <div id="app"> <children> <span

原创 vue+iview+vuex初探(1)

聽朋友推薦說iview結合vue做後臺管理系統很不錯,然後我就研究研究了。以下是我學習過程中的一些記錄: 沒有用官方推薦的iview-cli而是用的vue-cli 起步,一系列下載後在main.js 中有如下配置: store配置如下 i