原创 摺疊菜單欄
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
原创 通過用戶電腦ip獲取用戶當前所在城市以及天氣
1.先獲取當前用戶得ip地址 $.ajax({ url: 'http://pv.sohu.com/cityjson?ie=utf-8', dataType: "script",
原创 vue項目中返回按鈕案例(用vuex控制返回按鈕的顯示或者隱藏)
在vue的項目中避免不了會有返回按鈕的出現,恰當的頁面,返回按鈕的顯示或者隱藏,我是用vuex來管理的, 好了,直接上代碼吧 <el-button type="primary" @click="returnBtn" v-if="ifsho
原创 vue項目中vue-fullcalendar的使用(行程日曆)
vue-fullcalendar 行程日曆插件的使用 (沒有靈魂式的記錄) 1.首先npm下載 vue1或者vue2 // for Vue2 npm install vue-fullcalendar@latest --save //
原创 vue項目中moment的使用(時間戳格式化)
1.首先使用npm下載moment包 (npm i moment) 2.在main.js中引入(import moment from 'moment' Vue.prototpye.moment = moment;) 3.
原创 vue項目中使用echarts
1.npm i echarts (npm安裝echarts) 2.在main.js中引入echarts import Echarts from 'echarts' Vue.prototype.e
原创 vscode插件之Vetur
如果你是第一次使用vscode編輯器,在使用模板的時候,發現字體全部是白色的,建議你去下載一個vetur的插件,可以使得文字高亮和有快捷鍵的方式。(其實就是給自己記錄一下這個方法,哈哈哈)
原创 h5自己做數字鍵盤
整個部分就寫了一個函數 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
原创 加載國際化文件
最近項目中遇到了一個加載國際化文件的功能,直接上代碼: //這個getUrl()函數獲取了url並進行了參數解析,到的參數再進行判斷當前的語言 let URLParams; function getUrl (url) {
原创 vue項目中的跑馬燈的使用
在vue項目中,你會發現你的圖片無法顯示,在這我bia出來我的寫法。 <el-carousel trigger="click" height="150px"> <el-carousel-item v-for="(img,index
原创 vuex 的使用
src新建一個文件夾,文件夾中新建store.js文件。 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store(
原创 使用element-ui中的container佈局容器
使用container佈局容器,最常用的是第六個(自己官網看第六個什麼樣) 可能有人調整aside的高,始終不能充滿屏幕,接下來我說一下我通常用的 1.在App.vue中,style裏寫: #app { position: absol
原创 vue cli3 搭建項目 使用vue-router 以及 element-ui
搭建vue項目,(node和git 首先要下載) 1.首先根據vue官網 Cli的說明,快速搭建。 cli3上的命令應該是: vue create 項目名稱(之後可以一路回車) npm run serve 將項目跑起來。 2.vscode
原创 vue中的循環v-for
我這說的循環是可以拿到數據後的循環,首先根據接口拿到的數據應該是一個數組。 在要循環的模板上(可能是div什麼的),綁定v-for 具體:v-for="(item,index) in items" :key='index' 這樣就可以
原创 vue項目中的回車登錄
vue項目中的回車登錄: 在密碼框上加代碼:@keyup.enter.native="login(form)" 登錄按鈕代碼展示:@click="login(form)"