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

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

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

瀏覽:120日期: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
相關文章:
主站蜘蛛池模板: 欧美成人高清 | 日本在线观看www免费 | 97久久精品一区二区三区 | 久久综合给会久久狠狠狠 | 日韩在线黄色 | 亚洲综合网在线 | 亚洲图片偷拍自拍 | 久久久久久久久久久96av | 韩国一级淫片视频免费播放 | 成人欧美精品一区二区不卡 | 成人免费观看www在线 | 亚洲精品一二三四区 | 成人涩涩屋福利视频 | 宫女淫春 | 久久精品国产99久久99久久久 | 成年女人毛片免费观看中文w | 免费a级毛片无码 | 日韩一区二区三区在线观看 | 成人久久精品一区二区三区 | 亚洲第一se情网站 | 国产成人精品系列在线观看 | 亚洲成a人片在线观看中文!!! | 成人午夜亚洲影视在线观看 | 欧美日韩另类国产 | 亚洲免费成人网 | 找国产毛片| 日韩成人免费在线 | 欧美jlzz18性欧美 | 亚洲性xx | 久久狠狠一本精品综合网 | 三级全黄的全黄三级三级播放 | 日本三级久久 | 九九草在线观看 | 国产黄色小视频 | 欧美在线视频一区二区 | 久久香蕉精品成人 | 久久久毛片免费全部播放 | 久久午夜国产片 | 欧美成人69 | 欧美一级特毛片 | 国产精品久久久久久久久久久久久久 |