我想在vue.js中渲染新組件,就像它是新頁面一樣。我試圖用“動態(tài)組件”這樣做parent:Post.vue child:Detail.vue因此,如果單擊其中一個帖子,則關(guān)閉帖子并打開詳細(xì)信息。問題是我必須將點擊的帖子ID發(fā)送到詳細(xì)信息。這是我的一些代碼。Post.vue<template> <div> <div v-if="loading"> loading... </div> <div v-else class="container"> <ul> <li v-for="(post, index) in filteredPosts" v-bind:key="post.no"> <section class="post__main"> <div @click..?? class="main__title">{{post.title}}</div> </section> </li> </ul> </div> </div></template><script> created() { axios.get(this.url, { params: { page: this.page, ord: this.ord, category: [] } }).then(res => { this.posts = res.data.list; this.loading = false; this.page++; });Detail.vue<template> <div> {{contents}} </div></template><script>import axios from 'axios';export default { name: 'Datail', data() { return { req_no: null, contents: {} } }, created() { axios.get(url, { params: { req_no: this.req_no } }).then(res => { this.contents = this.res.data }); }}</script>我覺得我可以做到這一點props和v-if。有人能幫我嗎?謝謝!
VueJS:點擊后渲染新組件
www說
2019-05-11 15:19:51