原创 摺疊菜單欄

<!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)"