logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

选择列表(Select)

  • 创建一个下拉选择菜单功能,允许用户从中选择选项。
  • 首先,为组件添加一个默认为空的数据变量(如category)。
  • 在组件模板中,添加select元素并用v-model将其绑定到组件数据。
  • select元素通过option子元素为用户提供不同选项,如“应用开发”和“游戏开发”。
  • 每个选项可以有一个与其文本不同的value属性值,如将“应用开发”的value设为“development”。
  • 当用户从下拉菜单中选择一个选项时,组件的category变量会更新为选项的value值。
  • 可以实时在浏览器预览category变量的更改。