Vue如何将得到的数据显示在网页上?

RT,求助怎么能将数据库得到的数据以网页的形式呈现出来?我用的前端是Vue.js, 后端是node.js。现在我能做到在前端输入查找信息,然后post到后端,后端post到数据库查找数据,并且在控制台打印出来。我就想问下,这些返回的数据如何能在我的前端,也就是网页上展示出来。
之前尝试的办法是用iframe,但是iframe貌似不能动态更新,而且得到的数据也展示不到网页上。不知道有没有什么办法能做到,就是我post输入值,然后在输入界面下端显示从数据库返回的数据。

阅读 27.1k
3 个回答

看你这问题是请求后返回的数据中有html标签字符串,然后将他解析成htm显示么?如果是的话可以用个html标签中加上v-html将返回的数据传给他。

将拿到的数据保存在data里面,再将data里面的数据拿出来渲染就ok了

    <template>
      <div>
        {{myData.name}} // 在此进行渲染
      </div>
    </template>
    
    <script>
    export default {
      data () {
        return {
          myData: {
            name: ""
          }
        }
      },
      methods: {
        getData () {
          const getFromDb = {name: 1} // 假设查询到的是一格对象
          this.myData = getFromDb // 将查询到的数据保存在data里
        }
      }
    }
    </script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题