vue操作下拉选择器获取选择的数据的id方法
网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇vue操作下拉选择器获取选择的数据的id方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
实际项目中我们获取选择的数据的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方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程