javascript - l'étiquette vue n'a aucun effet si elle contient un composant

Question

Projet Vue
Utilisez l'étiquette d'étiquette pour une entrée (téléchargement de fichier)
Il y a un composant dans l'étiquette
Cliquer sur le composant n'appelle pas le téléchargement d'entrée
J'ai écrit une autre étiquette et y ai tapé quelques mots
Vous pouvez appeler saisie après avoir cliqué sur
Quel est le problème ?

Les éléments suivants ne peuvent pas être appelés

<file-upload id="headUpload" :target="uploadUrl" action="POST" v-on:progress="progress" v-on:start="startUpload" v-on:finish="finishUpload" class="uploadBox"></file-upload>
    <view-box ref="viewBox">
      <label for="headUpload">
        <group gutter="0" style="display:block; overflow:hidden">
          <cell value="修改头像" link="#headUpload">
            <img slot="icon" width="50" style="display:block;margin-right:5px;border-radius:50%" :src="user.head">
          </cell>
        </group>
      </label>
      ...

Si c'est comme ceci, vous pouvez l'appeler

<file-upload id="headUpload" :target="uploadUrl" action="POST" v-on:progress="progress" v-on:start="startUpload" v-on:finish="finishUpload" class="uploadBox"></file-upload>
    <view-box ref="viewBox">
      <label for="headUpload">12313131313123132</label>
        <group gutter="0" style="display:block; overflow:hidden">
          <cell value="修改头像" link="#headUpload">
            <img slot="icon" width="50" style="display:block;margin-right:5px;border-radius:50%" :src="user.head">
          </cell>
        </group>
      ...

Answer 1

Pourquoi cette structure de composants est-elle si compliquée

Mettez l'étiquette à l'extérieur du téléchargement de fichiers et essayez-la côte à côte avec le téléchargement de fichiers