vue *** 作下拉选择器获取选择的数据的id方法

实际项目中我们获取选择的数据的id；这时候

需要配合使用v-bind，才能获取到选择的那条数据的id值，其实就是id赋值给value属性

<template>

<div>

<select

v-model="select"

>

<option

v-for="(a,index)

in

arr"

:key="index"

:value="aid">{{

aname

}}</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$routequeryid;

2路由重定向方法

this$routerpush(this$routequeryredirect

||

'/login')

以上这篇vue *** 作下拉选择器获取选择的数据的id方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:Vuejs获取被选择的option的value和text值方法vue如何通过id从列表页跳转到对应的详情页vue实现在表格里,取每行的id的方法

new Vue({

    data:{

        my_html:'<a href=">})//使用v-html指令输出data中的html元素

<div v-html="my_html"></div>

方法一：父子组件input绑定值为 引用类型（如对象或者数组），

方法二：自定义事件传递

方法三：eventbus

参考 >

以上就是关于vue *** 作下拉选择器获取选择的数据的id方法全部的内容，包括:vue *** 作下拉选择器获取选择的数据的id方法、vue.js获取到的数据中所含的html元素如何按html正常显示、Vue 中父组件如何获取子组件中input的值，求大神等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！