原创 canvas畫八卦圖

methods:{ getapp(){ var canvas=document.getElementById('wholeCanvas') this.canvas2d=canvas.getCo

原创 vuex狀態管理模式

一、安裝 npm install vuex --save 二、使用 import Vue from 'vue' import vuex from 'vuex' Vue.use(vuex) 三、核心概念 1.state(vuex中的數據

原创 vue中使用字體庫

新建font文件夾,把下載好的字體庫放到裏面。如圖: 在需要用到的css文件中寫入 @font-face{ font-family: 'zkxw'; //自行命名 src: url('./../../fo

原创 動態存值總結

效果圖:(填過信息的爲紅色,未填信息的爲綠色) 點擊圖片時 出現彈框 填寫信息 代碼: //點擊圖片時彈窗 info(id) { this.key_ID=id //保存圖片id this.da

原创 vue 路由傳參(後臺數據)

1.在方法裏面傳參(cantingid是之前通過請求接口拿到的) <div class="DIV" @click="goto(cantingid)"></div> 2.路由傳參 goto(id){ //cant

原创 Element ui 數據分頁

<el-pagination @current-change="handleCurrentChange" :current-page="currentPage1" :page-size="5"

原创 Element ui 表格 刪除

刪除時請求刪除的接口 <el-table-column label="操作" width="131"> <template slot-scope="scope"> <el-button @click="

原创 接收後臺數據並向後臺發送數據

一、省市區(接收後臺數據,省市區有單獨的接口) 在省市寫change方法,傳參,通過parmas拿到傳的參數 <el-select v-model="form.province" placeholder="請選擇" @change="s

原创 麪包屑----高亮問題

刷新時也讓菜單在此高亮(停留) 寫一個方法,渲染完成後執行這個方法 <script> export default { data(){ return { allacti

原创 用v-if切換兩個頁面

在需要隱藏或顯示的div標籤上綁定v-if <div class="Table-1" v-if="isshow"></div> //第一個頁面 <div class="Table-1" v-if="!isshow"></div>

原创 接收後臺數據

在api.js中封裝請求接口 findBanquetingHall(data){ return axios.post("/business/findBanquetingHall",data) }, 在.vue中

原创 Element ui

https://element.eleme.cn/#/zh-CN官網 一、安裝 npm install element-ui --save 二、全局引入、使用(也可按需引入,參考官網) import ElementUI from 'e

原创 Vue中Axios的封裝

參考https://www.cnblogs.com/chaoyuehedy/p/9931146.html 一、環境的切換 if (process.env.NODE_ENV === 'development') {

原创 Vue插件---vue-i18n語言包

可參考:https://segmentfault.com/a/1190000015008808 第一步:安裝vue-i18n   (npm install vue-i18n) 第二步:在main.js中導入 import Vuei18n

原创 Vue 路由

第一部分:基本路由 第一步:安裝路由(cnpm install  vue-router --save) 第二步:導入路由  import vuerouter from 'vue-router'; 第三步:使用路由 vue.use(vu