初學(xué)vue，照著官網(wǎng)實(shí)例敲的，怎么點(diǎn)擊按鈕字體沒(méi)有變大啊Html代碼：<body><div id="blog-posts-events-demo">
<div :style="{ fontSize: postFontSize + 'em' }">
<blog-post
v-for="post in posts"
v-bind:key="post.id"
v-bind:post="post"
></blog-post>
</div></div></body>js代碼 Vue.component('blog-post', {
props: ['post'],
template: `
<div class="blog-post" v-on:enlarge-text="postFontSize+=0.1">
<h3>{{ post.title }}</h3>
<button v-on:click="$emit('enlarge-text')">
Enlarge text
</button>
<div v-html="post.content"></div>
</div>`
})
let a = new Vue({
el: '#blog-posts-events-demo',
data: {
posts: [
{id: 1, content: 'My journey with Vue', title: '1'},
{id: 2, content: 'Blogging with Vue', title: '2'},
{id: 3, content: 'Why Vue is so fun', title: '3'}
],
postFontSize: 1
}
})
vue子組件通過(guò)事件向父級(jí)組件發(fā)送消息怎么不成功啊
瀟湘沐
2018-09-08 20:51:55