vuex映射值时出错Computed property "city" was assigned to but it has no setter
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/Weekend'
import axios from 'axios'
import { mapState } from 'vuex'
export default{
name: 'Home',
components:{
HomeHeader,
HomeSwiper,
HomeIcons,
HomeRecommend,
HomeWeekend
},
data () {
return {
lastCity: '',
swiperList:[],
iconList:[],
recommendList:[],
weekendList:[]
}
},
computed: {
...mapState(['city'])
},
methods: {
getHomeInfo () {
axios.get('/api/index.json?city=' + this.city).then(this.getHomeInfoSucc)
},
getHomeInfoSucc (res) {
res = res.data
if(res.res && res.data){
const data = res.data
this.city = data.city
this.swiperList = data.swiperList
this.iconList = data.iconList
this.recommendList = data.recommendList
this.weekendList = data.weekendList
}
}
},
mounted () {
this.lastCity = this.city
this.getHomeInfo()
},
activated () {
if(this.lastCity !== this.city){
this.lastCity = this.city
this.getHomeInfo()
}
}
}
程序能运行,就是有这么一行报错