原创 在vue-cli中使用iview組件上傳多個文件的功能
在vue-cli中使用iview組件上傳多個文件的功能 思路：創建一個數組 把需要上傳的文件 push到這個數組裏面 需求： 點擊提交按鈕把上傳後得文件URL地址當做參數傳給後臺；多個文件使用逗號隔開 樣式隨便寫的，自己做的dem
2019-01-13 02:41:40
原创 使用jquery的ajax提交文件上傳
使用jquery的ajax提交文件上傳 我們都知道ajax不能傳遞文件，但是html新出的一個formdata可以。我首先想到的就是這個方法 點擊提交上傳代碼： <!DOCTYPE html> <html lang="en"> <
2019-01-11 15:02:29
原创 vue中打包後出現css中文本超出部分隱藏顯示省略號失效
一般使用下面這段css代碼來讓文字超出範圍隱藏並顯示省略號： overflow: hidden; /*超出的文本隱藏*/ text-overflow: ellipsis; /* 溢出用省略號*/ display:
2019-01-11 02:29:28
原创 vue-cli中使用vue-router切換頁面時自動滾動到頂部的方法
vue-cli中使用vue-router切換頁面時自動滾動到頂部的方法 解決辦法： 在 Vue項目的main.js文件中加入以下代碼即可解決： //頁面跳轉顯示在頂部 router.afterEach((to,from,next) =
2019-01-11 02:29:28
4
原创 Vue-cli 中爲單獨頁面設置背景圖片鋪滿全屏的方法
Vue-cli 中爲單獨頁面添加張背景圖片從而達到鋪滿全屏的方法 <template> <div id="logo"> </div> </template> <script> import meadiaurl fr
2019-01-11 02:29:28
13
原创 Vue-cli中watch監聽使用
Vue-cli中watch監聽使用 一下是Vue中watch的基本使用： <template> <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input ty
2019-01-10 02:43:54
8
原创 vue-cli中點擊列表傳參進入列表詳細頁面
vue-cli中點擊列表傳參進入列表詳細頁面 一種點擊事件的傳參方式: contribute.vue頁面傳 <template> <div class="conwrap" v-for="(item,index) in list
2019-01-05 03:58:25
原创 vue-cil的移動端隨意拖拽圖片
vue-cil的移動端隨意拖拽圖片並且點擊跳轉頁面 方法一、通過不斷的改變left 和top值實現拖拽，（適合使用PC，移動端低端機不流暢）： <template> <div> <div id="pic" class="b
2019-01-05 03:58:25
原创 vue-cli中把時間戳轉化爲日期格式和封裝接口
vue-cli中把時間戳轉化爲日期格式 封裝一個date.js文件： export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.r
2019-01-05 03:58:25
原创 vue-cli中axios請求接口的使用
vue-cli中axios請求接口安裝和使用 一、npm 安裝axios，文件根目錄下安裝，指令如下 npm install --save axios 二、在main.js中引入axios；接着將axios改寫爲Vue的原型屬性(
2019-01-05 03:58:25
2
原创 vue.js中用iview框架的page組件實現簡單的分頁
1、首先去iview官網安裝iview的框架（我是通過CDN直接引入）： <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/sty
2018-12-26 13:14:05
原创 vue-cli搭建的項目如何引入圖標字體
1、從iconfont官網將要使用的圖標添加至購物車，下載代碼 2、然後解壓後剪切至scr下面的assets目錄下： 3. 在APP.vue文件下全局引入 @import “assets/fonts/iconfont.css”;
2018-12-24 02:57:14
原创 如何在vue-cli項目中引用Iview和Element
一、在vue-cli中引入iview 1、首先打開命名行，在該項目下進行安裝iview npm install iview --save 2、在src目錄下的main.js文件中全局引入： import Vue from 'vue
2018-12-24 02:57:14
2
原创 關於CSS的文本的樣式調試
1、CSS文本溢出顯示省略號 單行隱藏語法： overflow:hidden; //超出的文本隱藏 text-overflow:ellipsis; //溢出用省略號 white-space:nowrap; //溢出時
2018-12-13 02:29:22
原创 Ajax返回數據之前的顯示loading等待效果
ajax返回數據之前加載loading圖標 發送ajax請求的時候，如果後臺暫時沒有返回數據，一般會顯示一個loading圖標來提醒用戶當前正在加載中。 一下是用Jquery操作ajax實例： <!DOCTYPE html> <h
2018-12-08 03:15:15