1. 首页
  2. 音视频
  3. 图像处理
  4. Vue实现点击显示不同图片的效果

Vue实现点击显示不同图片的效果

上传者: 2020-12-13 10:46:28上传 PDF文件 32.26KB 热度 8次
本文实例为大家分享了Vue点击显示不同图片的具体代码,供大家参考,具体内容如 使用Vue中的以下知识点来显示效果 1:v-for:循环遍历数据 2:v-bind:class={ }:绑定样式 3:v-on:click(简写@click):点击事件 4:v-if:判断 <!DOCTYPE html> <html> <head> <title>点击显示相对应的图片</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; }
用户评论