2021-07-02 :论event和$event的区别 以及在form or table都可使用,获得target

本文又叫如何在Vue 上获得target, 我指的是从html.(event也行)

众所周知,在JS的事件上我们只要直接写 事件(event),就能获得该事件的节点。

但是,在Vue里面我们该如何从HTML上面, 获取event呢?

答案很简单,给event前加$.

<el-table-column prop="address" align="center" label="生产批号" width="250">
        <template scope="scope">
              <el-select @change="batchNumberListSelect2(scope.row)" v-model="scope.row.address" @blur="selectBlur2(scope.row, $event)"  filterable placeholder="请选择生产批号" style="width: 200px;">
                    <el-option v-for="item in batchNumberList2" :key="item.lotnumber" :label="item.lotnumber" :value="item">
                    </el-option>
              </el-select>
        </template>
</el-table-column>

Vue的关键字符$, 所以你知道了吗?,React也是一样。

这样,你就可以同时做很多事了。

我这个结论的灵感来自 小白艰辛路 的VUE 表单input 框使用@blur事件:https://blog.csdn.net/weixin_45861283/article/details/109178304

在此贴一下他的两张图:


image.png

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容