[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配

时间:2017-09-04 01:45:06

标签: vuejs2

[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>

如何解决?不明白:(请帮忙

0 个答案:

没有答案