javascript - Mengapa vue gagal menggunakan komponen komponen dinamik?
仅有的幸福
仅有的幸福 2017-05-31 10:39:56
0
2
802

1. Mengapa menggunakan komponen untuk menambah komponen secara dinamik gagal?

<template>

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

</template>

import modal daripada './company/modal.vue'
eksport lalai {

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

}

Mengapa komponen pertama boleh ditambah secara dinamik, tetapi mengapa komponen modal yang diperkenalkan tidak boleh berfungsi?

仅有的幸福
仅有的幸福

membalas semua(2)
PHPzhong

Bukankah modal komponen pertama
Modal tidak boleh dimuatkan apabila dipasang
Selepas mengklik butang, komponen pertama boleh dimuatkan?

Seperkara lagi.
Cara menulis data yang betul adalah dengan mengembalikan objek

data() {
    return {}
}
黄舟
import modal from './company/modal.vue';
export default {

name: 'addItem',
methods: {
  switchComponent () {
   this.addModal = 'first'
},
computed:{
    addmodal:modal 
},
components: {
  first: {
     template: "<p>这里是子组件3</p>"  
  }
}
}

Alih keluar modal dalam komponen dan tulis nilai addModal sebagai modal dan bukannya 'modal';

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan