<div v-for="item in comList">
<component :is="'com'+item"></component>
</div>
<script>
import com1 from './1'
import com2 from './2'
import com3 from './3'
export default {
components: {
RuleForm,
com1,
com2,
com3
},
data: {
return {
comList: [1, 2, 3]
}
}
}
</script>
複製程式碼
vue 動態載入元件
相關文章
- vue 實現tab切換動態載入不同的元件Vue元件
- vue2 + typescript + webpack2 動態載入元件方法VueTypeScriptWeb元件
- vue 動態載入組建Vue
- Vue非同步元件處理路由元件載入狀態Vue非同步元件路由
- vue 動態元件Vue元件
- Vue元件懶載入Vue元件
- vue如何動態載入本地圖片Vue地圖
- Vue 動態元件 & 非同步元件原理Vue元件非同步
- vue動態註冊元件Vue元件
- Vue 封裝動態元件Vue封裝元件
- 關於vue動態元件Vue元件
- vue後臺管理之動態載入路由Vue路由
- C# 動態載入元件類庫,支援熱插拔元件C#元件
- 使用者控制元件的動態載入控制元件
- Vue.js 動態元件使用Vue.js元件
- 【18】vue.js — 動態元件Vue.js元件
- VUE 父元件動態傳值給子元件Vue元件
- vue 動態建立元件(執行時建立元件)Vue元件
- Vue.js 動態元件與非同步元件Vue.js元件非同步
- DLL動態庫動態載入
- vue 滾動載入Vue
- vue 動態載入路由,渲染左側選單欄Vue路由
- vue 動態選單以及動態路由載入、重新整理採的坑Vue路由
- Vue 非同步元件&路由懶載入Vue非同步元件路由
- vue上拉載入更多元件Vue元件
- 動態Vue.js佈局元件Vue.js元件
- vue路由動態增加元件渲染Vue路由元件
- vue3 動態載入el-icon圖示Vue
- 【轉載】asp.net動態載入ascx使用者控制元件ASP.NET控制元件
- 給我5分鐘,保證教會你在vue3中動態載入遠端元件Vue元件
- 使用form-create動態生成vue元件ORMVue元件
- Vue的動態選單無法登入(無法載入選單)Vue
- React router動態載入元件-介面卡模式的應用React元件模式
- ASP.NET中,動態載入使用者控制元件ASP.NET控制元件
- Java動態載入類Java
- Vue元件(35)動態元件 component 的 is 到底可以是啥?Vue元件
- Vue路由元件按需載入的幾種方法Vue路由元件
- php短視訊原始碼,vue遞迴動態載入選單PHP原始碼Vue遞迴