課程
/前端開發
/Vue.js
/3小時速成 Vue2.x 核心技術
沒有info.vue組件的講解啊，可以補充一下就比較完善啦
2020-05-10
源自：3小時速成 Vue2.x 核心技術 4-5
正在回答
<template>
? <div class="wrapper">
? ? <div class="title">{{obj.title}}</div>
? ? <div class="content">
? ? ? {{obj.content}}
? ? </div>
? ? <div class="back" @click="back()">返回</div>
? </div>
</template>
<script>
? export default {
? ? name: "Info",
? ? props: ['obj'],
? ? data () {
? ? ? return {
? ? ? }
? ? },
? ? methods: {
? ? ? back () {
? ? ? ? this.$emit('backEvent')
? ? }
? }
</script>
<style scoped>
$main-color: #42b983;
.wrapper{
? padding: 10px;
}
.title{
? padding-bottom: 5px;
? border-bottom: 1px solid #dcdcdc;
.content{
? padding: 10px 10px 40px 10px;
? line-height: 22px;
.back{
? display: block;
? width: 100%;
? height: 40px;
? line-height: 40px;
? border-radius: 6px;
? background: $main-color;
? margin: 0 auto;
? color: #fff;
? text-align: center;
</style>
舉報
帶你快速學習最流行的前端框架vue2.x的核心技術
1 回答缺少詳情頁的代碼
3 回答他說我好想缺了什么依賴
3 回答從list組件點擊查看更多路由到了Info組件永遠都是顯示的第一條新聞詳情
2 回答報錯說我少了什么依賴
2 回答關于list組件點擊到info組件詳情中報錯 state is not defined，如果刪去store.commit(),不報錯但又顯示全部列表內容
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2022-03-03
<template>
? <div class="wrapper">
? ? <div class="title">{{obj.title}}</div>
? ? <div class="content">
? ? ? {{obj.content}}
? ? </div>
? ? <div class="back" @click="back()">返回</div>
? </div>
</template>
<script>
? export default {
? ? name: "Info",
? ? props: ['obj'],
? ? data () {
? ? ? return {
? ? ? }
? ? },
? ? methods: {
? ? ? back () {
? ? ? ? this.$emit('backEvent')
? ? ? }
? ? }
? }
</script>
<style scoped>
$main-color: #42b983;
.wrapper{
? padding: 10px;
}
.title{
? padding-bottom: 5px;
? border-bottom: 1px solid #dcdcdc;
}
.content{
? padding: 10px 10px 40px 10px;
? line-height: 22px;
}
.back{
? display: block;
? width: 100%;
? height: 40px;
? line-height: 40px;
? border-radius: 6px;
? background: $main-color;
? margin: 0 auto;
? color: #fff;
? text-align: center;
}
</style>