原创 vue 項目 upload上傳圖片 並實現拖拽排序
upload 上傳圖片並實現拖拽功能 1、npm i -S vuedraggable 2、//頁面引入 import draggable from "vuedraggable" components: { draggable
原创 uni-app 封裝請求
1、npm install uni-request --save 2、uniRequest.defaults.baseURL = '請求路徑基地址'; 3、uniRequest.defaults.headers.post['Content
原创 element ui 表格中的渲染有多個狀態判斷的情況
element中表格的使用 模板: <el-table-column label="支付方式" width="100" align="center"> <template slot-scope="scope"> {{sc
原创 vue中解決跨域
1.執行命令:npm install vue-jsonp --save 2.添加到main.js中 import VueJsonp from 'vue-jsonp' Vue.use(VueJsonp) 3. getCity() { thi
原创 uni-app中v-html中的元素添加樣式
我在uni-app中使用的是scss 所以我的解決方式是: 使用 /deep/ 進行修改 /deep/.wscnph { width:100%; } 目前可以解決,你們遇到的話可以試一下
原创 分享微信朋友或朋友圈
做移動端商城項目,避免不了微信分享功能。 最近在用h5+plus做分享功能(技術地址:http://www.html5plus.org/doc/zh_cn/share.html#plus.share.ServicesSuccessCall
原创 vue 刷新當前頁面
1.首先在app.vue頁面加入以下代碼: 2.在需要刷新的頁面 .
原创 lib-flexible vue項目(移動端適配)
移動端適配步驟 1.安裝lib-flexible(npm install lib-flexible --save-dev) 2.在main.js 中引入lib-flexible(import 'lib-flexible') //px2
原创 vue 日曆 vue-calendar
1.github上搜索vue-calendar 2.src/app.vue文件中有日曆組件 <calendar ref="calendar1" :events="calendar1.events" :lunar="
原创 vue失焦事件失效
組件使用onblur無效時,使用@blur.native.capture=""來代替@blur
原创 vue 登錄頁面記住密碼功能
vue+iview/element 一般用來快速搭建後臺管理系統,登錄頁的記住密碼功能也是必不可少的。 記住密碼快速登錄功能(iview ui): 思路:首次登錄,記住密碼,將密碼存儲到cookie中,退出登錄,下次進來的時候,讀取coo
原创 vue 父組件給子組件傳值
vue中父組件給子組件傳值 (一)事件傳值 事件傳值在我理解也可以是父元素調用子元素的函數,背景是,當頁面元素有多個對話框,恰好每一個對話框又是一個子元素,父元素中某些按鈕控制對應的子元素對話框的開和關。 父組件: <div style=
原创 vue 子組件給父組件傳值
vue通信之子組件給父組件傳值 子組件給父組件傳值背景一般是子組件中某一事件之後,得到的某一狀態或者是值,想要通知父組件改變。 通過自定義事件傳值。 子組件: <Button type="primary" @click="change">
原创 vue cli3 項目中解決跨域
最近項目中用到高德api,要做一個天氣的模塊。 做這個天氣的模塊,得知道用戶所在得城市 於是呢,我就在vue項目中獲取了當前用戶得ip,根據用戶的ip定位了城市 具體代碼: vue頁面: <template> <div> <r
原创 解決vue插值表達式閃爍問題
在vue項目中,頁面加載總有一瞬間可以看到雙大括號插值表達式,爲了提高用戶體驗度,在項目中用到了v-cloak <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8