vue操作下拉選擇器獲取選擇的數據的id方法

來源：懂視網責編：小采時間：2020-11-27 22:09:23

vue操作下拉選擇器獲取選擇的數據的id方法

vue操作下拉選擇器獲取選擇的數據的id方法:實際項目中我們獲取選擇的數據的id；這時候需要配合使用v-bind，才能獲取到選擇的那條數據的id值，其實就是id賦值給value屬性 <template> <div> <select v-model=select > <option v-for=(a,in

推薦度：

點擊下載本文 文檔為doc格式

導讀vue操作下拉選擇器獲取選擇的數據的id方法:實際項目中我們獲取選擇的數據的id；這時候需要配合使用v-bind，才能獲取到選擇的那條數據的id值，其實就是id賦值給value屬性 <template> <div> <select v-model=select > <option v-for=(a,in

實際項目中我們獲取選擇的數據的id；這時候需要配合使用v-bind，才能獲取到選擇的那條數據的id值，其實就是id賦值給value屬性

<template>
 <div>
 <select v-model="select" >
 <option v-for="(a,index) in arr" :key="index" :value="a.id">{{ a.name }}</option>
 </select>
 <p>您選擇的名字的Id是：{{select}}</p>
 </div>
</template>

js代碼

<script>
 export default {
 data(){
 return{
 select:'',
 arr:[
 {id:'1',name:'html'},
 {id:'2',name:'css'},
 {id:'3',name:'js'},
 ] 
 }
 }
 }
</script>

拓展知識：vue獲取id以及重定向路由方法

1.獲取ID的方法：

let orderId=this.$route.query.id;

2.路由重定向方法

this.$router.push(this.$route.query.redirect || '/login')

以上這篇vue操作下拉選擇器獲取選擇的數據的id方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue操作下拉選擇器獲取選擇的數據的id方法

推薦度：

點擊下載本文 文檔為doc格式

標簽： id 的數據 VUE

熱門焦點

vue操作下拉選擇器獲取選擇的數據的id方法

vue操作下拉選擇器獲取選擇的數據的id方法

vue操作下拉選擇器獲取選擇的數據的id方法

最新推薦

猜你喜歡

熱門推薦