VUE学习——事件参数

接前一节,事件绑定之后,我们需要传递参数。

javascript 复制代码
<template>
    <div @click="getNameHandler(item,$event)" v-for="item in items">{{ item }}</div>
</template>
<script>
    export default{
        data(){
            return{
                items:["明神","博子","饼子"]
            }
        },
        methods: {
            getNameHandler(msg,e){
                console.log(msg);
                e.target.innerHTML = "name: "+msg;
            }
        }
    }
</script>

这个的传递参数getNameHandler(msg,e),可以只传弟第一个,也可以只传递第二个,两者一块的时候,顺序不能乱。

相关推荐
码哥DFS4 分钟前
JS进阶-day1 作用域&解构&箭头函数
前端·javascript
蜡笔小电芯12 分钟前
【STM32】const 变量存储学习笔记
笔记·stm32·学习
江上暮云12 分钟前
手摸手带你彻底搞懂Vue的响应式原理
vue.js
凌览15 分钟前
因 GitHub 这个 31k Star 的宝藏仓库,我的开发效率 ×10
前端·javascript·后端
GISer_Jing23 分钟前
LLM对话框项目总结II
前端·javascript·node.js
恰薯条的屑海鸥24 分钟前
前端进阶之路-从传统前端到VUE-JS(第五期-路由应用)
前端·javascript·vue.js·学习·前端框架
wangpq28 分钟前
Echart饼图自动轮播效果封装
javascript·vue.js
TimelessHaze31 分钟前
深入理解 JavaScript Event Loop:从原理到实战全解析
前端·javascript·react.js
爱学习的茄子31 分钟前
【踩坑实录】React Router从入门到精通:我的前端路由血泪史
前端·javascript·面试
拾光拾趣录32 分钟前
JavaScript压缩原理与手写实现
前端·javascript·前端工程化