[Vue warn]: Property or method “mess” is not defined on the instance but错误

2018-04-23 14:00 阅读 4,620 次 评论 0 条

错误详情:

[Vue warn]: Property or method "mess" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option

经过网上资料搜索得出的答案:

遇到这样的错误是数据绑定出错了!

先看HTML代码:

<div id="my_rawHtml"   v-html="mess">  </div>

 

Vue.js代码:

var my_rawHtml=new Vue({
	el:'#my_rawHtml',
	data:{
		rawHtml:'<br/><br/><span style="">双大括号会将数据解释为纯文本,而非 HTML 。为了输出真正的 HTML ,你需要使用 v-html 指令:<br/><p>你好!v-html!</p>'
	}
})

 

是因为 v-html="mess"里面的数据“mess”不是data的“rawhtml”,改成一样的就行了!

 

 

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:[Vue warn]: Property or method “mess” is not defined on the instance but错误 | 猿笔记
分类:Vue.js, 前端笔记 标签:

发表评论


表情