vue中{{}}与框架冲突

解决方案:delimiters的使用

VUE 中delimiters的作用是改变我们插值的符号,Vue默认的插值是双大括号{{}},在一些特殊的情况下我们可能会用到其他的方式绑定插值,
例如:再用vue写项目,在后台上次打包上线的时候。vue中的插值符号{{}} 起不了作用,用v-text可以,但是一些需求则必须要用到插值符号.

var salesOreder = new Vue({
	delimiters: ['${', '}'],
	el: "#wrap",
	data() {
		return {}
		}
 此时我们的插值形式就变成了${},代替了{{ }},
 在页面渲染中我们就可以使用${xxx}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章