vue中{{}}與框架衝突

解決方案:delimiters的使用

VUE 中delimiters的作用是改變我們插值的符號,Vue默認的插值是雙大括號{{}},在一些特殊的情況下我們可能會用到其他的方式綁定插值,
例如:再用vue寫項目,在後臺上次打包上線的時候。vue中的插值符號{{}} 起不了作用,用v-text可以,但是一些需求則必須要用到插值符號.

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