第一步，在HBuilder工具中已创建好的Web项目，指定目录下新建静态页面buttonClickhtml，如下图所示：
第二步，在title标签下引入vuejs核心JavaScript文件，注意压缩版本和开发版本，如下图所示：
如何使用Vuejs中的按钮点击事件并获取按钮属性
第三步，在<body></body>标签内，插入一个div和四个button，使用v-on绑定事件，如下图所示：
如何使用Vuejs中的按钮点击事件并获取按钮属性
第四步，在<div></div>标签下方，插入<script></script>标签，并在标签内编写事件函数，如下图所示：
如何使用Vuejs中的按钮点击事件并获取按钮属性
第五步，保存代码并在浏览器中查看结果，点击按钮，查看d出的结果，如下图所示：
如何使用Vuejs中的按钮点击事件并获取按钮属性
第六步，d出的结果为undefined，修改代码并在事件中传参数，然后再次查看结果，可以看到按钮的相关属性和方法（浏览器控制台），如下图所示：
如何使用Vuejs中的按钮点击事件并获取按钮属性
$(document)on('click' , 'button' , function(){
consolelog($(this)attr('text'));
})
用通用事件来抓取咯
错误一、你的关键词value写错了，写成了vaule
错误二、取值不是obj(）,而是：objinnerText
错误三、可能是编辑器的问题，复制代码出来后发现onload、onclick事件都识别不了了。手动输入才可以。
<script type="text/javascript">
windowonload=function()
{
var aaa=documentgetElementById("tixian");
var obj = documentgetElementById("e");
var jin=documentgetElementById("jin");
aaaonclick=function()
{
documentgetElementById("jin")value=objinnerText;
}
}
</script>
以上就是关于如何使用Vue.js中的按钮点击事件并获取按钮属性全部的内容，包括:如何使用Vue.js中的按钮点击事件并获取按钮属性、如何用javascript获得当前被点击button的text、js获取p标签里面的内容点击button按钮传值给vaule等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）