vue內置組件 component

原創 Ellie艾藜 2020-06-22 05:51

component組件（單獨拿出一個組件來專門進行切換使用）

使用is來綁定你的組件：如下面的ups  ups2  AirConditioner等引入的組件名

showDevice 是用來切換組件的方法 通過給is綁定的currentView來實現切換組件

引入三個要切換的組件

組件接收方法：

通過props接收

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

vue3.0 diff算法詳解(超詳細)

前言：隨之vue3.0beta版本的發佈，vue3.0正式版本相信不久就會與我們相遇。尤玉溪在直播中也說了vue3.0的新特性typescript強烈支持，proxy響應式原理，重新虛擬dom，優化diff算法性能提升等等。小編

zl_Alien 2020-06-26 01:17:31

vue3.0cli+安裝使用vuex

安裝vuex 項目目錄下打開命令行工具輸入如下命令安裝vuex npm install vuex --save 使用vuex 在開發目錄(src目錄)中新建一個名爲store的文件夾 store下新建index.js進行配置vu

meis27461 2020-06-23 04:17:45

vue3.0cli+配置全局scss;options has an unknown property 'data'.報錯解決

安裝 scss的安裝使用 配置全局scss 在vue.config.js文件中寫入如下代碼 沒有vue.config.js文件就直接新建一個，與package.json同級 module.exports = { lintO

meis27461 2020-06-23 04:17:45

vue3.0cli 配置vue-router

安裝 直接在命令行打開項目目錄然後輸入以下代碼進行安裝 npm install vue-router 配置路由 1.使用router-view標籤設置路由顯示層(一般會寫在App.vue文件) 2.配置routes（路由路徑）

meis27461 2020-06-23 04:17:45

[email protected]+使用less

安裝less npm i less less-loader -S 打開webpack.config.js在rules下輸入如下內容加載scss 如果沒有webpack.config.js文件直接在項目根目錄新建一個就好了 //**

meis27461 2020-06-23 04:17:45

this.$nextTick()在vue中的作用

this.$nextTick 之前百度過幾次this.$nextTick()這個在vue中的作用 都看得一知半解 這次終於明白了！！！ 這次實踐中用到了一個echarts的表格，每次點擊左邊的menu菜單，右邊的餅狀圖都會實時更新，有時候

Ellie艾藜 2020-06-22 05:51:52

vue promise 使用async 實現異步請求

需求:根據不同ID一次性請求所有對應ID詳情的內容統一放入進去  看代碼:   <el-table ref="table" v-loading="loading" height="500

周家大小姐. 2020-06-22 04:14:48

vue elementUi el-table-column table點修改出現手風琴展開行

  代碼: <el-table ref="table" v-loading="loading" height="500px" style="width:100%;" :dat

周家大小姐. 2020-06-22 04:14:48

vue 請求數據頭部傳入token值

需求:點擊退出的發送請求的時候後臺要求傳Headers中傳入token 代碼如下: // 第一個{}爲所傳的data數據,第二個{}爲傳入headers this.axios.post('/admin/logout',{},{

周家大小姐. 2020-06-22 04:14:47

vue 頁面刷新後用戶信息沒有了處理方式

需求:當用戶登錄時,數據存入了vuex中在頁面通過store去取數據,但是頁面刷新的時候,用戶數據全不見了 解決方法: 登錄的時候信息存入vuex之外;還需要把數據存入本地存儲這樣當頁面刷新時如果取不到store中的數據,我們可以取se

周家大小姐. 2020-06-22 04:14:47

vue+es6+element對圖片進行選中與取消時重新排序

 需求:當我點擊選中會出來序號,如果取消的話序號會重新計算, html: <el-row :gutter="10"> <el-col :span="24" :lg="4" :md="6" :sm="8" v-

周家大小姐. 2020-06-22 04:14:47

vue element el-table-column table表格實現點擊上移下移

html:   <el-table-column :render-header="renderAddFlowBtn" align="center" width="220"> <template slot-scope="scop

周家大小姐. 2020-06-22 04:14:47

element picker-options控制時間只能選取指定範圍日期

 需求: 用戶只能創建當前的月報,如果當年已有月份有了月報那麼這個月也不可以建月報 <el-form-item label="月份：" :prop="isdisabled?'':'stateDate'">

周家大小姐. 2020-06-22 04:14:47

對後臺返回數據進行增刪改查

對後臺返回數據判斷有沒有Null如果有就刪除該條數據 for (let index = 0; index < res.result.length; index++) { const el = res.res

周家大小姐. 2020-06-22 04:14:47

vue provide和inject 依賴用法

需求: 當我們有各別方法或都對象之類的需要父子組件傳遞或都爺孫傳遞,可能有的人想用vuex或者props層層傳下去,如果用vuex有點小題大作了;如果用props那每個組件都要引入;有點麻煩;那麼我們可以考慮用到provide傳值在子組件

周家大小姐. 2020-06-22 04:14:47