Javascript – Vue-Label hat keine Wirkung, wenn es eine Komponente enthält
伊谢尔伦
伊谢尔伦 2017-06-15 09:21:56
0
1
882

vue-Projekt
Verwenden Sie das Label-Label für eine Eingabe (Datei-Upload)
Es gibt eine Komponente im Label
Ein Klick auf die Komponente ruft keinen Input-Upload auf
Ich habe ein anderes Label geschrieben und ein paar Wörter darin eingegeben
Sie können anrufen Eingabe nach dem Klicken auf
Was ist das Problem?

Folgendes kann nicht aufgerufen werden

<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>
      ...

Wenn es wie folgt aussieht, können Sie es nennen

<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>
      ...
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

Antworte allen(1)
迷茫

这个组件结构怎么会这么乱

把 label 放到 file-upload 外面与 file-upload 并列试试

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage