使用v-pre
指令以防止编译<p>
元素。
<img v-bind:src="imgUrl[imgIndex]">
<p v-pre>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Not compiled)</strong></p>
<p>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Compiled version)</strong></p>
<button v-on:click="changeImg">Change image</button>
运行示例 »
这个v-pre
指令会跳过此元素及其所有子元素的编译。
这个v-pre
指令可用于显示原始 Vue 代码,如大括号{{ }}
。
Vue教程:Vue v-bind 指令
Vue教程:Vue v-on 指令
Vue教程:Vue 方法
HTML 参考:HTML <pre> 标签
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!