Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <title>Số lượng nai sừng tấm</title> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Ví dụ: Truyền đối số và đối tượng sự kiện bằng các phương thức</h1> <p> Trong ví dụ này, chúng ta có thể đếm hổ, nai sừng tấm và chuột túi với số gia khác nhau, tất cả các nút đều tham chiếu đến cùng một phương pháp. Điều này có thể thực hiện được bằng cách chuyển các số được tính dưới dạng đối số và bằng cách chuyển sự kiện.</p> <div id="app"> <div id="tigers"> <img src="img_tiger_square.jpeg" width=" 733" Height="733"> <button v-on:click="addAnimal($event,1)">+1</button> <button v-on:click="addAnimal($event,5)"> +5</button> <button v-on:click="addAnimal($event,-1)">-1</button> </div> <div id="moose"> <img src="img_moose_square. jpeg" width="549" Height="549"> <button v-on:click="addAnimal($event,1)">+1</button> <button v-on:click="addAnimal($event ,5)">+5</button> <button v-on:click="addAnimal($event,-1)">-1</button> </div> <div id="kangaroos"> <img src="img_kangaroo_square.jpeg" width="582" Height="582"> <button v-on:click="addAnimal($event,1)">+1</button> <button v-on:click= "addAnimal($event,5)">+5</button> <button v-on:click="addAnimal($event,-1)">-1</button> </div> <ul> <li >Hổ: {{ Tigers }</li> <li>Moose: {{ moose }</li> <li>Kangaroo: {{ kangaroos }</li> </ul> </div> <SCRIPT_PLACEHOLDER_8 /> <SCRIPT_PLACEHOLDER_9/> </body> </html>