鍍金池/ 問答/數(shù)據(jù)庫  HTML/ Vue如何將得到的數(shù)據(jù)顯示在網(wǎng)頁上？

Vue如何將得到的數(shù)據(jù)顯示在網(wǎng)頁上？

RT，求助怎么能將數(shù)據(jù)庫得到的數(shù)據(jù)以網(wǎng)頁的形式呈現(xiàn)出來？我用的前端是Vue.js, 后端是node.js?，F(xiàn)在我能做到在前端輸入查找信息，然后post到后端，后端post到數(shù)據(jù)庫查找數(shù)據(jù)，并且在控制臺打印出來。我就想問下，這些返回的數(shù)據(jù)如何能在我的前端，也就是網(wǎng)頁上展示出來。
之前嘗試的辦法是用iframe，但是iframe貌似不能動態(tài)更新，而且得到的數(shù)據(jù)也展示不到網(wǎng)頁上。不知道有沒有什么辦法能做到，就是我post輸入值，然后在輸入界面下端顯示從數(shù)據(jù)庫返回的數(shù)據(jù)。

回答
編輯回答
熊出沒

將拿到的數(shù)據(jù)保存在data里面，再將data里面的數(shù)據(jù)拿出來渲染就ok了

    <template>
      <div>
        {{myData.name}} // 在此進行渲染
      </div>
    </template>
    
    <script>
    export default {
      data () {
        return {
          myData: {
            name: ""
          }
        }
      },
      methods: {
        getData () {
          const getFromDb = {name: 1} // 假設(shè)查詢到的是一格對象
          this.myData = getFromDb // 將查詢到的數(shù)據(jù)保存在data里
        }
      }
    }
    </script>
2018年6月12日 06:55
編輯回答
有你在

看你這問題是請求后返回的數(shù)據(jù)中有html標(biāo)簽字符串，然后將他解析成htm顯示么?如果是的話可以用個html標(biāo)簽中加上v-html將返回的數(shù)據(jù)傳給他。

2018年8月5日 10:19
編輯回答
巷尾
<span>Message: {{ msg }}</span>

參考官方文檔https://cn.vuejs.org/v2/guide...

2017年10月21日 04:34