使用Vue将下拉框(select)获取到的数据绑定在input文本框中

本文介绍在Vue.js中如何使用两种不同方法获取Select组件的选定值,包括通过ref和标签id的方式,并解释了如何利用v-model进行数据绑定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用html测试:
代码:
在这里插入图片描述
说明:
引入vue.js,新建一个vue实例对象,在data中定义一个数组和两个变量data1和data2,再定义一个方法tt,tt当中是两种不同的获取select选定值的方式,一种是通过ref去获取选定值,另一种是通过获取标签id去获取选定值,然后在通过v-model或者v-bind:value进行数据绑定(我很懒所以v-bind:value没写原理与v-model一样自己尝试)

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值