v-model

作用:在表单元素上使用双向数据绑定可以方便的 获取 或 设置 表单项数据 
语法:v-model="变量名"

注意: v-model 中绑定的变量,必须在data中定义。 

例:

<input type="text" id="name" name="name" v-model="searchForm.name" placeholder="请输入姓名">
<select id="gender" name="gender" v-model="searchForm.gender">
 
<select id="position" name="position" v-model="searchForm.job">
 
        data() {
          return {
            searchForm: { //封装用户输入的查询条件
                name: '',
                gender: '',
                job: ''
            },
posted @ 2025-07-05 18:29  休玛  阅读(29)  评论(0)    收藏  举报