我想在單擊按鈕時向我的頁面添加一些 HTML 代碼，這是我想添加的
<form action="#" id="Reactie_form">
<input id="Form_voornaam" type="text" placeholder="Voornaam" style="width: 50%"> <br>
<input id="Form_achternaam" type="text" placeholder="Achternaam" style="width: 50%"><br>
<input id="Form_email" type="email" placeholder="E-mail" style="width: 50%">
<textarea id="Form_bericht" style="width: 100%"></textarea>
<input id="files" type="file" @change="fileSelected" multiple accept=".png, .jpg, .webp, jpeg, .gif">
<input type="button" class="sendButt" value="Verstuur" @click="submitReactie">
</form>
<span v-if="!files || !files.length"></span>
<ul v-else>
<li v-for="files in files" :key="files.name">{{ files.name }}</li>
</ul>
謝謝
uj5u.com熱心網友回復：
我看到你在使用 VueJS。這使這樣的事情變得容易！
我將如何做如下：
將以下內容添加到您的data()：isClicked: false
將您的代碼包裝到這樣的容器中：
<div v-if='isClicked'>
<form action="#" id="Reactie_form">
<input id="Form_voornaam" type="text" placeholder="Voornaam" style="width: 50%"> <br>
<input id="Form_achternaam" type="text" placeholder="Achternaam" style="width: 50%"><br>
<input id="Form_email" type="email" placeholder="E-mail" style="width: 50%">
<textarea id="Form_bericht" style="width: 100%"></textarea>
<input id="files" type="file" @change="fileSelected" multiple accept=".png, .jpg, .webp, jpeg, .gif">
<input type="button" class="sendButt" value="Verstuur" @click="submitReactie">
</form>
<span v-if="!files || !files.length"></span>
<ul v-else>
<li v-for="files in files" :key="files.name">{{ files.name }}</li>
</ul>
</div>
并在您的按鈕的以下位置： <button @click='isClicked = true'>
uj5u.com熱心網友回復：
包裝您的代碼并將包裝容器添加一個隱藏類。然后你可以獲取點擊事件并通過javascript切換css。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381649.html
標籤：javascript html css Vue.js
下一篇：我需要知道有什么區別