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

最新推荐文章于 2023-10-10 15:03:26 发布
最新推荐文章于 2023-10-10 15:03:26 发布
阅读量6.2k 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aa59609911/article/details/104923696
版权 
//原写法
<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 (短横线分隔命名) 命名

courage(●'◡'●)
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 组件传值
qing_bk的博客
12-09 930
一:父子传值 父传子 传 子组件标签内 属性名=值收 props:{ 属性名:{ type:类型,多个类型[Object,Array,String] default:基本数据类型直接写 复杂数据类型 ()=>({}) 或者 ()=>{return {}} required:true 必填 validator:(value)=...
Vue中父组件向子组件通信的方法
08-30
Vue中父组件向子组件通信的方法 在 Vue 框架中，父组件向子组件通信是一种常见的场景。可以使用 props 将父组件的数据传递给子组件。子组件在接受数据时需要显示声明 props。在本文中，我们将通过一个实例来介绍 ...
vue3 props同时接收String, Boolean无效？同时watch监听不到解决办法
weixin_44206947的博客
03-24 739
【代码】vue3 props同时接收String, Boolean无效？
Vue用query传值，Boolean参数失效的问题
tubing1996的博客
08-19 2432
用this.$route.query传值，true和false会转成string类型，导致Boolean值失效。可用eval() 函数进行转换，如： eval(this.$route.query.b)
vue父组件传值给子组件不生效
weixin_43928792的博客
12-07 3785
先上代码 //父组件 import HjSubjects from "@/components/HjSubjects"; export default { name: "YhkmUp", components: { HjSubjects, }, showHjSubect:false, //子组件 export default { name: "HjSubjects", components: {}, props: { showHjSubect: { ty
Vue框架——父组件给子组件传值
cmy_top的博客
02-24 327
父组件给子组件传值基本用法 组件内通过 props 接收传递过来的值 Vue.component('small-item', { props: ['title', ], data: function() { return { msg: '子组件数据' } }, template: '<div>{{msg + "---" + title}}</div>', }); 父组件通过属性将值传递给
在Vue中获取组件声明时的name属性方法
10-18
今天小编就为大家分享一篇在Vue中获取组件声明时的name属性方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中更改数组中属性,在页面中不生效的解决方法
10-16
今天小编就为大家分享一篇vue中更改数组中属性,在页面中不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 组件中添加样式不生效的解决方法
08-27
主要介绍了vue 组件中添加样式不生效的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
uniapp-父向子组件传值失效解决方案
小元子
10-10 886
【代码】uniapp-父向子组件传值失效解决方案。
vue组件中的布尔值data无法赋值
u014220146的博客
11-18 3271
项目场景： 在vue的data函数中设置一个布尔值，用于切换内容的显示和隐藏 问题描述： showAble数值无法切换成true，点击按钮无法切换showAble，控制台也没报错 <span :mouseleave="close()"> <div @click="toggle()">切换</div> <ul v-show="showAble"> <li v-for="(item, index) in option" :key="inde
微信小程序wpy框架给子组件传boolean值无效
少油少盐不要辣
08-24 420
在给子组件传Boolean类型的prop时，发现没生效。 2.解决 微信社区有人给了这样的答复： 然后，看了下文档描述： 因此，Boolean值只能定义变量动态传入了。的值为true，且定义在data数据中。
uniapp中父组件向子组件传递Boolean类型的值
weixin_45803990的博客
01-29 2129
日常记录遇到的问题。 父组件向子组件传递Boolean类型的数据，使用 :isShow="true" （原本写的直接是isShow=false 结果发现不生效，打印下才发现这样写传递的是String类型的数据） （1）子组件中的定义 isShow:{ type:Boolean, default:true } （2）父组件中传递数据。 <card :isShow="false"></card> ...
父组件向子组件传递数组等引用类型数据时有时传递不过去的问题
一步一个脚印_binding
12-03 1279
父组件向子组件传递数据时，由于是异步方式，可能父组件的数组数据还没加载完时就向子组件传递数据了，结果显而易见，子组件接收的数据为空 解决方式：监听+判断的形式 父组件传递 XXXoptions是 数组数据，判断数组长度是否大于0，来判断父组件的数组有没有加载成功，加载成功再向子组件传递数据 子组件： 接收父组件的数据 data中定义一个变量接收数组 监听数组 此时，子组件就能完整的接收父组件传递的值 ...
vue绑定自定义属性（属性值:false），DOM不显示问题
草巾冒小子的博客
09-15 2600
（案例+截图 ）vue绑定 :data-zidingyi="response.false" 之后，页面DOM 不显示 正确的代码： <section v-for="(item,index) in res.data" :key="index" :class="'buleteam hidden buleteam _'+item.id" :id="'buleteam _'+item.id" :data-item-id="item.id" :data-has-item="''+item.isCollect"
路由使用params传递布尔值逻辑紊乱，解决方法
Alfred_tfk的博客
08-03 457
使用路由携带参数，利用params传输，页面一传给页面二，页面二可以接收到”false“，但是页面二一直逻辑错误。params传递过来的为字符串，就算用Boolean(）方法进行转换，只要字符串不为空，就会一直为true。将传递过来的数据进行判断，跟理想数据进行比较，从而得到一个布尔值，进行使用。...
Vue中props类型及默认值
Zero
11-17 1672
props: { stringProps: { type: String, default: '' }, numberProps: { type: Number, default: 0 }, booleanProps: { type: Boolean, default: true }, arrayProps: { type: Array, defaul...
Vue数据变化，页面不响应
sky_linsh的博客
01-10 1260
最近在用element ui写一个后台项目，使用table组件时发现，当修改完表格数据后，页面无响应，并不会重新渲染，查阅官方文档后发现问题所在： 由于 JavaScript 的限制，Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 为了解决 ...
Vue 父组件传值子组件无效
weixin_46050018的博客
02-03 3055
vue子组件接收数据无效，生命周期问题（已解决）
vue:子组件像父组件传值
最新发布
10-20
1.在子组件中使用$emit方法触发自定义事件，并且将需要传递的数据作为参数传入。 2.在父组件中使用v-on指令监听子组件的自定义事件，并且在定义的事件处理函数中获取子组件传递的数据。 下面是具体的代码实现： 子...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值