在Vue.js中，{{}}，v-text 和 v-html的区别

{{message}}：将数据解析为纯文本，不能输出真正的html，在页面加载时显示{{}}，所以通常使用v-html和v-text代替，且花括号方式在以后可能被取消v-html="html"：输出真正的htmlv-text="text"：将数据解析为纯文本，不能输出真正的html，与花括号的区别是在页面加载时不显示{{}}...

福贵儿

3051人浏览 · 2019-06-01 19:40:55

福贵儿 · 2019-06-01 19:40:55 发布

{{message}}：

将数据解析为纯文本，不能输出真正的html，在页面加载时显示{{}}，所以通常使用v-html和v-text代替，且花括号方式在以后可能被取消

v-html="html"：

输出真正的html

v-text="text"：

将数据解析为纯文本，不能输出真正的html，与花括号的区别是在页面加载时不显示{{}}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^