| | |
| | | <img src="../../assets/images/Frame.png"> |
| | | </span> |
| | | <el-dropdown-menu slot="dropdown" > |
| | | <el-dropdown-item v-for="item in dropdownList" :key="item.src" @click="imageSrc=item.src">{{ item.name }} |
| | | <el-dropdown-item v-for="item in dropdownList" :key="item.src" @click.native="getInfo(item.src)">{{ item.name }} |
| | | </el-dropdown-item> |
| | | <!-- <el-dropdown-item >只显示第一代</el-dropdown-item> |
| | | <el-dropdown-item >显示至第二代</el-dropdown-item> |
| | |
| | | name: "index", |
| | | data(){ |
| | | return{ |
| | | imageSrc: require('../../assets/images/Group 406.png') , |
| | | imageSrc: require('../../assets/images/Group 404.png') , |
| | | dropdownList: [ |
| | | { name: '只显示第一代', src: require('../../assets/images/Group 404.png') }, |
| | | { name: '显示至第二代', src: require('../../assets/images/Group 405.png') }, |
| | | { name: '显示至第三代', src: require('../../assets/images/Group 406.png') }, |
| | | { name: '显示全部', src: require('../../assets/images/Group 407.png') } |
| | | { name: '只显示第一代', src: 'Group 404.png' }, |
| | | { name: '显示至第二代', src: 'Group 405.png' }, |
| | | { name: '显示至第三代', src: 'Group 406.png' }, |
| | | { name: '显示全部', src: 'Group 407.png' } |
| | | ] |
| | | } |
| | | |
| | | }, |
| | | methods:{ |
| | | |
| | | getInfo(src) |
| | | { |
| | | this.imageSrc = require('../../assets/images/'+src) |
| | | } |
| | | } |
| | | } |
| | | </script> |