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>Chọn hình ảnh</title> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Ví dụ: Chọn hình ảnh bằng v-bind:class</h1> <p >Đây là ví dụ về việc gán một lớp với Vue (v-bind:class).</p> <p>Nhấp vào hình ảnh để gán hoặc xóa lớp "selClass".</p> <div id="app "> <div v-for="(img, chỉ mục) trong hình ảnh"> <img v-bind:src="img.url" v-on:click="select(index)" v-bind:class=" {selClass: img.sel}"> </div> </div> <SCRIPT_PLACEHOLDER_8/> <SCRIPT_PLACEHOLDER_9/> </body> </html>