1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue项目获取下拉框选中id_vue获取下拉框值

vue项目获取下拉框选中id_vue获取下拉框值

时间:2018-07-20 09:20:14

相关推荐

vue项目获取下拉框选中id_vue获取下拉框值

vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解:

v-model解决方式:

{{item.name}}

下拉框的值:

index: [{

"indexId":1,

"name": "点菜用户数"

}, {

"indexId":2,

"name": "点菜新用户数"

}, {

"indexId":3,

"name": "首次留联系方式人数"

}, {

"indexId":4,

"name": "已有联系方式人数"

}]

在这里,indexId要在data里面声明一下

事件:

// 获取id值

indexSelect(){

console.log(this.indexId);//在这里可以正确输出每个下拉框对应的下标值,当然输出值都是可以的

}

改用$event的解决方式

{{item.name}}

事件:

// 获取value值

indexSelect(event){

console.log(event.target.value);

},

图示:

当然,可以根据自己的项目需要来选择哪种方法。在这里,v-on:change也可以写成v-on:click

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后 ...

vue获取下拉框select的值

1.我写的是循环遍历,然后获取id :value="v.id"这就是获取的id然后打印就可以获取id了

vue select下拉框绑定默认值

vue select下拉框绑定默认值: 首先option要加value值,以便v-model可以获取到对应选择的值 一.当没有绑定v-model,直接给对应的option加selected属性 二.当 ...

Js获取下拉框选定项的值和文本

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和 ...

Java-Selenium,获取下拉框中的每个选项的值,并随机选择某个选项

今天逛51testing,看见有人问这个问题.现在以Select标签为例. 1.首先看页面中的下拉框,如图: 2.F12查看页面源代码,如下

VUE 单选下拉框Select中动态加载 默认选中第一个

分类情况

js,jquery获取下拉框选中的option

js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; ...

随机推荐

[Unreal]学习笔记之材质说明

取消蓝图中的连接线:Alt+鼠标左键 在蓝图中,通过按住1,2,3,4加鼠标左键,可以快速生成1,2,3,4维的向量 材质和材质实例的区别:使用一个母材质,可以创建出多种场景中的材质实例:每次修改母材 ...

【转贴】Python处理海量数据的实战研究

最近看了July的一些关于Java处理海量数据的问题研究,深有感触,链接:/v_july_v/article/details/6685962 感谢July ^_ ...

Android音视频之MediaPlayer音视频播放

前言: 昨天总结了视频录制,今天来学习一下视频的播放,Android的视频播放主要采用MediaPlayer类. MediaPlayer介绍 MediaPlayer类可用于控制音频/视频文件或流的播放 ...

Android自动化测试-自动获取cpu和内存信息

CpuInfo.java package com.dtest; import java.io.BufferedReader; import java.io.FileWriter; import jav ...

SaltStack之Job管理和Runner(八)

SaltStack之Job管理和Runner 配置文件/etc/salt/master cachedir: /var/cache/salt/master # cache路径 keep_jobs: 24 ...

caffe学习系列(2):训练和测试自己的图片

参考:/denny402/p/5083300.html 上述主要介绍的是从自己的原始图片转为lmdb数据,再到训练.测试的整个流程(另外可参考薛开宇的笔记) ...

Java中的异常处理机制的简单原理和应用

异常是指java程序运行时(非编译)所发生的非正常情况或错误,与现实生活中的事件很相似,现实生活中的事件可以包含事件发生的时间.地点.人物.情节等信息,可以用一个对象来表示,Java使用面向对象的方式 ...

《机器学习实战》之k-近邻算法(改进约会网站的配对效果)

示例背景: 我的朋友海伦一直使用在线约会网站寻找合适自己的约会对象.尽管约会网站会推荐不同的人选,但她并不是喜欢每一个人.经过一番总结,她发现曾交往过三种类型的人: (1)不喜欢的人: (2)魅力一般 ...

javascript完美解决对联广告

javascript 完美解决对联广告 // function couplet(){ if(arguments.length>=1) this.objID = document.getEleme ...

DataGridView、List<T>相关操作

一.DataGridView数据转成DataTable 1.已绑定过数据源:DataTable dt = (dataGridView1.DataSource as DataTable) 2.未绑定过数 ...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。