recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Existe-t-il un moyen de rendre efficaces les composants assemblés par Vue?

Element-ui est utilisé dans le projet. Par exemple, je souhaite générer dynamiquement N composants.
<modèle>

1

2

3

<code><p class="search" ref="search" v-html="sHtml">

 

</p></code>

</modèle>

<script type="text/javascript">

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<code>export default {

    data() {

        return {

            sHtml: '',

        }

    },

    props: {

        con: {

            type: Array

        }

    },

    created() {

        this.con.map((v, i) => {

            this.sHtml += '<el-'+ v.type +' class="'+ v.style +'" placeholder="'+ v.placeholder +'" v-model="'+ v.name +'"></el-' + v.type +'>';

        });

    },

}</code>

</script>

Existe-t-il un moyen d'afficher le plug-in d'élément sur la page ?

阿神阿神2749 Il y a quelques jours780

répondre à tous(5)je répondrai

  • 仅有的幸福

    仅有的幸福2017-06-26 10:56:13

    Vous ne pouvez pas rechercher directement l'endroit où le composant est référencé ? .

    répondre
    0
  • 黄舟

    黄舟2017-06-26 10:56:13

    Tu ne peux pas être plus direct, comme

    1

    2

    3

    4

    5

    <code>   

      

     <p class="search" ref="search">

         <el-input  v-model="keyFrom.id" size="small" placeholder="请输入内容"></el-input>

     </p></code>

    répondre
    0
  • 世界只因有你

    世界只因有你2017-06-26 10:56:13

    La compilation HTML n'est pas prise en charge pour le moment, mais elle sera possible dans la version 1.0

    répondre
    0
  • 習慣沉默

    習慣沉默2017-06-26 10:56:13

    Utilisez v-for directement pour restituer les composants via data [array]

    répondre
    0
  • PHP中文网

    PHP中文网2017-06-26 10:56:13

    Vous pouvez vous référer à : https://cn.vuejs.org/v2/guide...Composants dynamiques

    1

    <code><component v-for="item in con" :is="item.name"></component></code>

    répondre
    0
  • Annulerrépondre