Please enable JavaScript.
Coggle requires JavaScript to display documents.
Reder theo điều kiện (v-if (Điều kiện việc tái sử dụng phần tử với key…
Reder theo điều kiện
v-if
-
v-else
Như trên đã nhắc đến, ta có thể dùng directive v-else để chỉ định một khối “else” cho v-if:
Để được coi là hợp lệ, phần tử có v-else phải theo ngay sau một phần tử v-if hoặc v-else-if.
v-else-if
Directive v-else-if đóng vai trò một khối “else if” cho v-if. Directive này có thể được dùng nhiều lần nối tiếp nhau:
Tương tự với v-else, phần tử với v-else-if phải theo ngay sau một phần tử v-if hoặc v-else-if.
-
-
v-show
Một lựa chọn nữa cho việc hiện hoặc ẩn một phần tử web theo điều kiện là directive v-show. Cách dùng v-show cũng tương tự với v-if:
Điểm khác biệt giữa v-show và v-if là phần tử được đánh dấu với v-show sẽ luôn luôn được render và chứa trong DOM; v-show chỉ bật tắt thuộc tính display của phần tử này.
-
v-if dùng với v-for
Khi dùng chung với v-if, v-for có độ ưu tiên cao hơn. Xem chi tiết tại hướng dẫn về render danh sách.