javascript-Vue.js元素用户界面:更改时获取“ event.target”
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Vue.js元素用户界面:更改时获取“ event.target”,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1327字,纯文字阅读大概需要2分钟。
内容图文
![javascript-Vue.js元素用户界面:更改时获取“ event.target”](/upload/InfoBanner/zyjiaocheng/668/da788323967e42cd86ee96b867ef8c25.jpg)
我无法在事件处理程序中获取触发事件的html字段(在javascript中为event.target).
我有一个表格:
>在更改事件上附加到功能的输入元素
>管理变更事件的功能
我的代码如下:
var Main = {
methods: {
change(par) {
console.log("The value is: " + par);
//HERE I can't get "event.target"
}
}
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@1.4.0-beta.1/lib/index.js"></script>
<div id="app">
<template>
<el-input @change="change" placeholder="Input something here"/>
</template>
</div>
我知道我可以调用不同的函数,在每个函数中我都知道谁是相对输入,但是我想使用一个通用的函数.
在堆栈跟踪之后,我在element-ui.common.js中看到了事件触发的代码:
handleChange: function handleChange(event) {
this.$emit('change', event.target.value);
},
在那里,元素仅将值传递给事件处理程序.
无论如何,要获取event.target的任何想法,好吗?
谢谢
解决方法:
您可以使用@ input.native
var Main = {
methods: {
change(event) {
console.log("The value is: " + event.target.value);
//HERE I can't get "event.target"
}
}
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@1.4.0-beta.1/lib/index.js"></script>
<div id="app">
<template>
<el-input @input.native="change" placeholder="Input something here"/>
</template>
</div>
内容总结
以上是互联网集市为您收集整理的javascript-Vue.js元素用户界面:更改时获取“ event.target”全部内容,希望文章能够帮你解决javascript-Vue.js元素用户界面:更改时获取“ event.target”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。