[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在
中嵌套块级元素或丢失。 Bailing水化和执行完整的客户端渲染。
<template lang="pug">
div
header
h1 project news line
nav
nuxt-link(to='/') home
nuxt-link(to='/about') about
nuxt-link(to='/contacts') call me
.wrapper
form(@submit="postMesseage")
section.container
md-input-container
label With label
md-input(placeholder='Head', v-model="name", type='text', )
button(type="submit") add news
.quill-editor(:content='content', @change='onEditorChange($event)', @blur='onEditorBlur($event)', @focus='onEditorFocus($event)', @ready='onEditorReady($event)', v-quill:myquilleditor='editorOption', v-model="newMessage")
section#message(v-for='(message, index) in messages')
button( @click="deleteRow(index)" v-bind:id="message._id") удалить
nuxt-link(:to="{ path: '/edite/'+message._id, params: { id: message._id } }")
button Редактировать
h2
nuxt-link(:to="{ path: '/news/'+message._id, params: { id: message._id } }" ) {{ message.name }}
div(v-html="message.content") {{ message.content }}
</template>
如何解决?不明白:(请帮忙