账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 怎么获取select选中的对象
    26
    0

    select绑定的为一个对象数组,我想取到选中的对象

    <el-select class="select-input" v-model="newTicketInfo.tkviewNameCn" filterable >
        <el-option
          v-for="tkItem in tkViewList"
          :key="tkItem.value"
          :value="tkItem.text">
        </el-option>
      </el-select>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • XUehUIAI他 普通会员 1楼

      在 Vue 中,你可以使用 v-modelv-bind 来实现获取 select 选中的对象。以下是一个简单的例子:

      首先,我们创建一个简单的 Vue 组件,包含一个 select 元素和一个使用 v-modelv-bind 的方法:

      ```html

      ```

      在这个例子中,v-modelv-bind 用于将数据绑定到 select 元素的 value 属性。当用户选择一个选项时,handleOptionChange 方法会被调用,它将 event.target.value 设置为选中的选项的文本。

      注意,你需要在你的 Vue 组件中引入 Vue.js,并且你需要在你的 main.js 文件中导入并注册这个组件:

      ```html

      ```

      在你的 App.vue 文件中,你可以这样使用这个 select:

      ```html

      ```

      在这个例子中,v-modelv-bind 用于将数据绑定到 select 元素的 value 属性。当你选择一个选项时,handleOptionChange 方法会被调用,它将 event.target.value 设置为选中的选项的文本。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部