Question

我想使用mongo db在数据库中保存vue js代码我使用nodejs创建ws以保存页面mongoDb内部当我点击保存按钮保存代码vue js Inside html

save(){
  var vm=this;
  var page={
    "id":"2",
    "page":vm.$el.innerHTML
  }
  console.log("hh"+vm.$el.innerHTML);
  var HTTPpOST=axios.create({
  baseURL: `http://localhost:3000/api/product/2`,
  headers: {
   Accept:'application/json'

  }
})
HTTPpOST.put('',page).then(function(response){
}) .catch(function(error){
         var vm=this;
  console.log("error"+error);
 })

我只获得没有vue js代码的html代码我怎样才能得到这两个并将它们保存在我的数据库中？这是html：

<div id="app" ref="foo">
      <ul>
        <li v-for="prod in products">
              <h1 style="color:red">{{prod.fields.name}}</h1>
              <p>{{prod.fields.description}}</p>
        </li>
      </ul>

        <button @click="save">save</button>
    </div>

Answer 1

尝试使用Nuxt.js或webpack与vue-server-renderer进行预渲染。服务器端呈现可帮助您通过Vue.js扩展元素，并且您将拥有完全呈现的网页。

查看Vue - Server Side Rendering

我想保存vue.js代码在数据库中的div内

1 个答案: