原创 Vue-----指令與修飾符

1.常用的指令 {{}}:插值表達式 v-html:顯示html的內容 v-text:和插值一樣也是使用vue中的變量,但是默認沒有閃縮問題,但是會覆蓋原本的內容,插值不會 v-cloak:解決插值的閃爍問題 v-bind:屬性綁定,等

原创 Vue+element實現表格數據的導出

1.安裝依賴 npm install --save xlsx file-saver 2.在相應的組件中使用 <script> import FileSaver from 'file-saver' import XLSX from 'x

原创 Vue中使用echarts

1.vue中安裝echarts依賴 使用npm進行安裝npm install echarts -S 2.全局引入echarts 在main.js文件引入,這樣在全局就可以使用this.$echarts import echarts fr

原创 Vue中使用富文本編輯器wangEditor(包括圖片上傳)

​​​​1.vue中安裝wangEditor 使用npm安裝:npm install wangeditor --save 2.創建公共組件 在components中創建editor文件 組件內容爲: <template lang="ht

原创 Vue+element實現圖片的上傳與顯示

業務邏輯:某個模塊新增時新增圖片,詳情顯示也有圖片字段,編輯也能對圖片進行編輯。 1.圖片上傳 自己寫了一個圖片上傳的組件,在父組件中引入即可,圖片上傳組件返回一個圖片id的數組,然後在父組件的上傳函數中把圖片id傳給對應的字段即可。