vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:09:23

vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

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

實(shí)際項(xiàng)目中我們獲取選擇的數(shù)據(jù)的id；這時(shí)候需要配合使用v-bind，才能獲取到選擇的那條數(shù)據(jù)的id值，其實(shí)就是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>

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

1.獲取ID的方法：

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

2.路由重定向方法

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

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： id 的數(shù)據(jù) VUE

熱門焦點(diǎn)

vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

vue操作下拉選擇器獲取選擇的數(shù)據(jù)的id方法

最新推薦

猜你喜歡

熱門推薦