vue中v-bind绑定属性后，双引号和花括号的结合用法

vue中v-bind绑定属性后，双引号和花括号的结合用法v-bind绑定属性后，如果是对象写法，属性名要加单引号，以示和vue实例变量属性的区别，属性值可以是布尔值或者vue实例的变量属性或者计算属性或者js表达式如果是数组写法，则每个元素可以是单引号字符串的写法，也可以是js表达式，不过不能使用 ‘mardown’ + checked === 0 ?‘s’ : ‘’ 这种字符串拼接表达式...

just__code

3389人浏览 · 2020-04-15 08:58:17

just__code · 2020-04-15 08:58:17 发布

vue中v-bind绑定属性后，双引号和花括号的结合用法

v-bind绑定属性后，如果是对象写法，属性名要加单引号，以示和vue实例变量属性的区别，属性值可以是布尔值或者vue实例的变量属性或者计算属性或者js表达式

如果是数组写法，则每个元素可以是单引号字符串的写法，也可以是js表达式，不过不能使用 ‘mardown’ + checked === 0 ? ‘s’ : ‘’ 这种字符串拼接表达式的写法，也不可以在元素内使用花括号

反正绑定属性后，如果不是对象写法，不能在双引号内使用字符串拼接花括号js表达式输出字符串的方式，总之如果绑定属性后，如果不是对象写法，都不能在双引号内使用花括号

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}$/, //不连续的两位字母// /^