Use v-html to resolve HTML tags that cannot be parsed during Vue.js rendering (HTML tags appear as strings)

Original address: http://blog.csdn.net/faryang/article/details/53011703

In a Web page, the JSON data in the background contains the HTML tag, binds the JSON data to the object in Vue.js, and makes a for loop of the object, discovering that the HTML tags in the data cannot be parsed, but are displayed as characters. The problem is as follows:

Solve:

The v-html directive is provided in vue.js to solve this problem, or the data object can be parsed correctly by using the {{{vm.data}}} three braces to wrap the object. The code changes are as follows:

In some cases, using the {{}}} symbol still fails to parse the HTML tag, but the v-htm directive can, possibly, be a vue.js bug. Explain the figure below

Resources:

Vue.js official Website API----http://vuejs.org.cn/api/#v-html