How does Vue display the data on a web page?

how can RT, help render the data obtained from the database in the form of a web page? The front end I use is Vue.js, and the back end is node.js. Now I can input the search information in the front end, then post to the back end, and the back end post to the database to find the data and print it out in the console. I just want to ask how the returned data can be displayed on my front end, that is, the web page.
previously tried to use iframe, but iframe doesn"t seem to be able to update dynamically, and the resulting data can"t be displayed on the web page. I don"t know if there is any way to do this, that is, I post the input value and then display the data returned from the database at the bottom of the input interface.

Node.js vue.js
Mar.04,2021

look at you the question is that there is a html tag string in the data returned after the request, and then parse it into htm display? If so, you can pass the returned data to him with a html tag with v-html in it. 

<span>Message: {{ msg }}</span>

refer to the official document ide/syntax.html" rel=" nofollow noreferrer "> https://cn.vuejs.org/v2/guide.

save the obtained data in data, and then take out the data in data to render

. 

    <template>
      <div>
        {{myData.name}} // 
      </div>
    </template>
    
    <script>
    export default {
      data () {
        return {
          myData: {
            name: ""
          }
        }
      },
      methods: {
        getData () {
          const getFromDb = {name: 1} // 
          this.myData = getFromDb // data
        }
      }
    }
    </script>

Previous: Why doesn't it work with regard to selecting navigation highlights?

Next: How to control the stopwatch through functions or keystrokes?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu