关于智谋典故成语故事
[ {{title}} ]
:class=\"{ active: isactive(index) }\"
@click=\"switchHomes(house)\">
:class=\"{ active: isactive(index) }\"
@click=\"switchWorks(work)\">
:class=\"{ active: isactive(index) }\"
@click=\"switchAbout(about)\">
- [[fish]]
export default {
return {
title: \'王国\',
homes: [
{ imageurl: \'https://example.com/house1.jpg\', name: \'房子1\' },
{ imageurl: \'https://example.com/house2.jpg\', name: \'房子2\' },
{ imageurl: \'https://example.com/house3.jpg\', name: \'房子3\' }
work: [
{ imageurl: \'https://example.com/work1.jpg\', name: \'工作1\' },
{ imageurl: \'https://example.com/work2.jpg\', name: \'工作2\' },
{ imageurl: \'https://example.com/work3.jpg\', name: \'工作3\' }
abouts: [
{ imageurl: \'https://example.com/about1.jpg\', name: \'介绍1\' },
{ imageurl: \'https://example.com/about2.jpg\', name: \'介绍2\' },
{ imageurl: \'https://example.com/about3.jpg\', name: \'介绍3\' }
methods: {
switchHomes(house) {
this.homes = house;
// 更改文字和图片相关数据，比如隐藏文字标签，替换图片URL...
switchWorks(work) {
this.work = work;
// 更改文字和图片相关数据，比如隐藏文字标签，替换图片URL...
switchAbout(about) {
this.abouts = about;
// 更改文字和图片相关数据，比如隐藏文字标签，替换图片URL...
<style scoped>
.active {
background-color: #f2f2f2;
color: white;