我们在使用django+vue开发的时候,可能会遇到{{}}这种冲突的问题,因为这2个工具都是使用 {{}}
来包裹变量的。下面我们记录一下修改vue的默认包裹方法:
全局修改
Vue.config.delimiters = ["{[", "]}"]
使用时部分修改
new Vue({ delimiters:['{[', ']}'], el: '.el', data:{} })
');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}/*]]>*/
我们在使用django+vue开发的时候,可能会遇到{{}}这种冲突的问题,因为这2个工具都是使用 {{}}
来包裹变量的。下面我们记录一下修改vue的默认包裹方法:
全局修改
Vue.config.delimiters = ["{[", "]}"]
使用时部分修改
new Vue({ delimiters:['{[', ']}'], el: '.el', data:{} })
作者:
标签