javascript - vue ラベルにコンポーネントが含まれている場合、vue ラベルは効果がありません

Question

vue プロジェクト
ラベル label を入力 (ファイルアップロード) に使用します
ラベルにコンポーネントがあります
コンポーネントをクリックしても入力アップロードは呼び出されません
別のラベルを作成し、何気なく入力しました。 数語入力した後、
をクリックすると input と呼び出すことができます。
何が問題ですか?

以下は呼び出せません

リーリー

次のような場合は、

を呼び出します。 リーリー

Answer 1

なぜこのコンポーネント構造はこんなに乱雑なのでしょうか

ファイルアップロードの外側にラベルを置き、ファイルアップロードと並べて試してください