Làm việc với select trong Vue
Làm việc với select
được thực hiện tương tự - thuộc tính
v-model được gắn vào thẻ, liên kết với một thuộc tính
của đối tượng data. Văn bản của thẻ option được chọn
sẽ được đưa vào thuộc tính này.
Mã sau đây minh họa ví dụ làm việc với danh sách thả xuống:
data() {
return {
selected: 'value1', // giá trị mặc định
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Hỏi người dùng bằng select
họ sống ở thành phố nào. Hãy làm sao để
thành phố được chọn hiển thị trong đoạn văn.
