element-ui输入框的怎么获取change事件返回的值

如题所述

change() {  // 目的是去掉输入框中的小数点
if (this.value) {    

this.$nextTick(() => {     

this.value = parseInt(this.value);
})
}
}

1.<el-input v-model="value" v-on:change="change" type="number"></el-input>

export default{
data() {        

return {           

value: ''
}
},
methods: {
change(value) {           

// 目的是去掉输入框中的小数点
if (this.value) {           

this.value = parseInt(value);
}

}
}
}

2.首先el-input是一个组件,并不是input标签。而你的change事件监听的是el-input的整个组件。即图中的div元素。

要解决这个问题的方法就是原生的input,再加上el-ui的class:el-input__inner。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-04-18
你的意思是不是 onChange 后把 ‘华美’或‘阿哆诺斯’传给style 这个文本框? 然后提交到其他地方去?

<script language="javascript">
function focus123(v)
{
document.getElementById("style").value=v;
document.getElementById("style").focus();

}
</script>

<select onChange="focus123(this.value)">
<option value="华美">华美</option>
<option value="阿哆诺斯">阿哆诺斯</option>
</select>本回答被提问者采纳

element-ui输入框的怎么获取change事件返回的值?
1、首先第一步,这时候我们使用vue-cli脚手架工具创建一个vue项目,注意都是然后引入element-ui框架(不会的详情参考下面经验),详细目录文件如下图。2、接着我们就要前往element-ui官网,然后就要找到输入框input组件,注意的是要看看有什么方法可以获取input的值,change事件可以实现这个功能,详细如下图。

element-ui输入框的怎么获取change事件返回的值
1.<el-input v-model="value" v-on:change="change" type="number"><\/el-input>export default{data() { return { value: ''}},methods: {change(value) { \/\/ 目的是去掉输入框中的小数点if (this.value) { this.value = parseInt(value);}}} 2.首先el-input是一个组件,并不是i...

element-ui el-checkbox绑定和获取值的问题
3、只能写@change事件而不能写@click。而且你可以把这个事件加在el-checkbox-group上面。这样每次点击的checkbox框变化他都能捕捉到。也可以放在el-checkbox上面,这样点击时获取的是你当时点击的checkbox。(这点看个人需求)4、@change事件如何获取他点击是取消还是选中,不同版本获取到的会有区别,可自行...

elementUI的<el-upload>组件的失败回调函数(on-error)里拿不到...
解决方法:把错误信息转成字符串,然后转掉Error:,剩下的内容就是个json,然后再转成对象,就可以取出来了。

element-ui 问题踩坑记录
为了解决这个问题,可以使用 v-if 在 created 生命周期之后刷新分页组件,确保在获取正确数据后页面得以正确更新。接着,Element-UI 日期控件在 IE 浏览器上赋值无法正常显示的问题,可以通过去除 placeholder 属性或使用最新版本的 Element-UI 来解决。若需要显示 placeholder 并且正常赋值,可以通过添加 ref...

Vue element-UI select和cascader获取选项数据以及回显
在使用Vue element-UI中的el-select组件时,发现当value与v-model同时存在时,它们的值是相同的。在处理需要获取同一层级两个数据id的场景时,通过将两个id通过字符串拼接的方式,可以使得el-select组件获取到所需的两个属性id,随后进行数据处理,提取出两个值以完成与后端的联调。在el-select组件的...

基于elementUIinput组件自行封装“数字区间”输入框组件
value);this.userInputTo=value;},\/\/from输入框change事件handleInputChangeFrom(value){constnewVal=this.setPrecisionValue(value);this.userInputForm=newVal;\/\/如果初始化数字的精度不符合代码设置时重置数字this.userInputTo=this.setPrecisionValue(this.userInputTo);if(!this.userInputForm&&!this....

Elementui下拉选择框数据回显以及单选多选框默认选中
Elementui选择框打开Elementui选择框,可以看到Elementui选择框的数据格式是这样的:它的value值加了引号"",同时在下面同样是这样进行注册的 而后端返回的数据格式与需要的格式不同 后端返回的数据格式后端返回的数据格式没有加引号"",与需要的数据格式不同 因而需要对后端返回的数据进行处理,才可以正常的...

vue+element el-select 选项无法选择的问题
使用Vue框架和element-ui开发时,在el-select下拉框遇见的问题,改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框值无法选中。有人说写个change事件就好了,然而并没有什么卵用,但是change事件需要留着。话不多说,直接干货。出现这个问题就是绑定了...

element-ui中动态修改组件属性的值
在图2中,我们发现,element-ui给定的button type其实有很多的,只要在我们点击处罚button的事件的同时,修改button的type就行了。在vue中,有一个很方便的dom方法,就是ref 我们给每个button一个特定的ref值。需要修改的时候,我们在这个button的时间里,给每个button的type一个特定值就行了。如果,这样...

相似回答