zxpnet网站 zxpnet网站
首页
前端
后端服务器
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

zxpnet

一个爱学习的java开发攻城狮
首页
前端
后端服务器
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 大前端课程视频归档
  • html

  • js

  • 前端框架

  • 自动化构建

  • typescript

  • es6

  • bootstrap

  • layer

  • vue

    • 构建类型安全的 Vue 应用(Vue Typescript Vuex)
    • vue常用开发组件
    • element-ui基础
    • vue常用场景
      • $event对象
        • 点击轮回切换图片
  • vue3

  • vuepress

  • hexo博客

  • 文档

  • biz业务

  • frontend
  • vue
shollin
2022-01-03
目录

vue常用场景

  • $event对象
    • 点击轮回切换图片

# $event对象

# 点击轮回切换图片

当点击图片时,切换另一张,再点击时,又切回原图片。

  • 获取自定义属性
  • 获取自定义属性
changePic($event){
                console.log($event.currentTarget);
                let img= $event.currentTarget;
                let tmp1 = img['src'];
                let tmp2 = img.getAttribute('src2');

                $event.currentTarget.src = tmp2;
                $event.currentTarget.setAttribute('src2', tmp1);
 }
1
2
3
4
5
6
7
8
9

参考文章 :

Vue 获取dom元素中的自定义属性值 - 简书 (jianshu.com) (opens new window)

element-ui基础
邂逅Vue3和Vue3开发体验

← element-ui基础 邂逅Vue3和Vue3开发体验→

最近更新
01
国际象棋
09-15
02
成语
09-15
03
自然拼读
09-15
更多文章>
Theme by Vdoing | Copyright © 2019-2023 zxpnet | 粤ICP备14079330号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式