Vuejs2 [Vue warn]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配
[Vue warn]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如,在中嵌套块级元素,或者缺少。打捞水化并执行完整的客户端渲染Vuejs2 [Vue warn]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配,vuejs2,Vuejs2,[Vue warn]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如,在中嵌套块级元素,或者缺少。打捞水化并执行完整的客户端渲染 <template lang="pug"> div header h1 project news line nav nuxt-link(to='/') home nuxt-link(to='/about') about
<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>
div
标题
h1项目新闻专线
导航
nuxt链接(到=“/”)主页
nuxt链接(to='/about')关于
nuxt link(to='/contacts')呼叫我
.包装纸
表格(@submit=“postmessage”)
第1节集装箱
md输入容器
标签与标签
md输入(占位符='Head',v-model=“name”,type='text',)
按钮(type=“submit”)添加新闻
.quill编辑器(:content='content',@change='onEditorChange($event)',@blur='onEditorBlur($event)',@focus='onEditorFocus($event)',@ready='onEditorReady($event)',v-quill:myquilleditor='editorOption',v-model=“newMessage”)
第#节消息(v-for='(消息,索引)在消息中')
按钮(@click=“deleteRow(index)”v-bind:id=“message.\u id”)аааа
nuxt链接(:to=“{path:'/edite/'+message.\u id,参数:{id:message.\u id}”)
按钮
氢
nuxt链接(:to=“{path:'/news/'+message.\u id,参数:{id:message.\u id}}”){{message.name}
div(v-html=“message.content”){{message.content}
如何修复它?不明白:(请帮忙