色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

javascript - vue 使用component 動態組件為什么不成功

瀏覽:113日期:2022-12-01 14:25:30

問題描述

1.為什么使用component 動態的添加組件沒有成功,

<template>

<component @showHide='recieveAddData' :is='addModal' ></component> <button @click='switchComponent'></button>

</template>import modal from ’./company/modal.vue’export default {

name: ’addItem’,data () { addModal: ’modal’},methods: { switchComponent () { this.addModal = ’first’},components: { modal, first: { template: '<p>這里是子組件3</p>' }}

}

為什么組件first是可以動態的添加上的,為什么引入的modal 組件不行呢?

問題解答

回答1:

modal不是最開始的組件嗎..是mounted時候無法加載modal.點了button之后反而可以加載first ?

還有一點.data正確寫法是需要返回一個對象

data() { return {}}回答2:

import modal from ’./company/modal.vue’;export default {name: ’addItem’,methods: { switchComponent () { this.addModal = ’first’},computed:{ addmodal:modal },components: { first: { template: '<p>這里是子組件3</p>' }}}

你在components中的modal去掉,addModal的值寫成modal,而不是’modal’;

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 视频三区精品中文字幕 | 亚洲视频免费播放 | 欧美一级视频在线高清观看 | 中文在线免费视频 | 亚洲精品一区二区观看 | 国产成人一区在线播放 | 在线免费一区二区 | 在线视免费频观看韩国aaa | 亚洲 欧美 在线观看 | 国产成人一区二区视频在线观看 | 亚洲手机国产精品 | 自拍偷自拍亚洲精品一区 | 欧美在线国产 | 波多野结衣视频在线观看 | 三级在线网站 | 久久五| 国产成 人 综合 亚洲绿色 | 免费精品在线 | 91精品观看91久久久久久 | 亚洲国产欧美国产综合一区 | 白嫩美女一级毛片免费看 | 日韩精品一区二区三区 在线观看 | freesex寂寞老妇hd | 亚洲精品一区二区三区在线播放 | 国产成人久久一区二区三区 | 久久精品国产99久久 | 亚洲欧美精品成人久久91 | 欧美日韩精品一区二区三区视频在线 | 欧美videofree性欧美另类 | 日韩高清免费观看 | a毛片全部免费播放 | 国产tv在线观看 | 中文字幕在线观看网址 | 明星国产欧美日韩在线观看 | 久草视频手机在线观看 | 亚洲看片| 狠狠色丁香婷婷久久综合考虑 | 久艹在线观看 | 国产高清一区 | 黄色三级网站 | 成年女人免费又黄又爽视频 |