vue：向组件中传入boolean的属性不生效

//原写法<page-head :title="lang.mainTitle" :showHome="false" :showSearch="false"></page-head>//改正之后的写法<page-head :title="lang.mainTitle" :show-home="false" :show-search="false"></...

courage(●'◡'●)

6310人浏览 · 2020-03-17 15:51:06

courage(●'◡'●) · 2020-03-17 15:51:06 发布

//原写法
<page-head :title="lang.mainTitle" :showHome="false" :showSearch="false"></page-head>
//改正之后的写法
<page-head :title="lang.mainTitle" :show-home="false" :show-search="false"></page-head>

总结：HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名

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