vue 组件参数的冒号

最新推荐文章于 2023-07-21 09:03:06 发布
最新推荐文章于 2023-07-21 09:03:06 发布
阅读量946 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ2856639881/article/details/117158652
版权
本文探讨了Vue中el-input组件的disabled属性，强调了冒号的使用区别。冒号后的值可以是变量或表达式，而没有冒号则会将值视为字符串字面量。理解这一细节对于正确传递布尔值至关重要，因为不加冒号可能导致预期行为失效。
摘要由CSDN通过智能技术生成

如

 

<el-input  :disabled="fig.readonly"  clearable></el-input>

冒号不可省略， 比如  disabled=’flase'  和 disabled='true'  都被解析为true

 

 

加冒号的，说明后面的是一个变量或者表达式或number数值，

没加冒号的后面就是对应的字符串字面量,如果不加:冒号，传过去的不是数值，而是一个字符串

QQ2856639881
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2 router 动态传参,多个参数的实例
08-28
例如，在 `tr.vue` 组件中，我们可以访问路由参数 `uid` 和 `pid`： ```javascript export default { mounted() { console.log(this.$route.params); } } ``` 这将输出以下结果： ``` Object {uid: "15", pid: ...
Spring Boot/VUE中路由传递参数的实现代码
08-27
在Vue组件中，我们可以使用`$route.params`来访问这些路径参数，而查询参数可以通过`$route.query`获取。例如： ```html <p>user (item, index) in userList">{{item.name}} <p>----- {{childName}} ...
Vue中的冒号变量
金溪的博客
07-18 3250
在使用Vue中经常看到HTML中有标签属性前面添加了“：”，有些没有。 其实是v-bind的缩写。 v-bind 缩写： ‘：’ 用法：动态绑定一个或多个特性，或一个组件prop到表达式。在绑定class或style特性时，支持其它类型的值，如数组或对象。在绑定prop时，必须在子组件中声明。可以用修饰符指定不同的绑定类型。没有参数时，可以绑定到一个包含键值对的对象，注意此时class和s...
vue在配置文件里以冒号的形式设置参数，如何获取
有问题可关注公众号：前端研究院 后台输入问题回复
07-15 1113
如图所示，:id我要怎么获取到呢？？？ 获取方法 this.$route.params.id 这样就行
vue组件的冒号属性 v-bind与v-on
weixin_42076211的博客
06-15 4569
：是v-bind的缩写，加了冒号，后面是变量或表达式；不加冒号的是字符串
为什么vue组件的属性，有的需要加冒号“:”，有的不用?
m0_61343119的博客
07-21 550
【代码】为什么vue组件的属性，有的需要加冒号“:”，有的不用?
关于vue的冒号,@的含义
weixin_42634260的博客
04-11 3151
一、含义 :class 等效 于 v-bind:class @click 等效于 v-on:click 二、说明 v-bind :是v-bind的缩写，是为了动态绑定数据。 一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。 加上了冒号是为了动态绑定数据，等号后面可以写***变量。 加冒号的，说明后面的是一个变量或者表达式，没加冒号的后面就是对应的字符串字面量 如果不使用冒号，等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。 <!-- 完整语法 -->
vue路由传参页面刷新参数丢失问题解决方案
10-16
这种方式类似于Params传参，但参数在URL中以冒号(`:`)分隔的占位符形式出现，如`this.$router.push({name: "/admin/${item.id}"})`。配置中路径为`path: '/admin:id'`。同样，页面刷新后参数也会丢失。 3. **Query...
Vue.js路由组件vue-router使用方法详解
10-20
例如，我们可以通过import语句将Foo.vue和Bar.vue组件引入到我们的项目中。 3. **router-link和router-view**: 这是vue-router中用于导航和显示组件的两个核心组件。router-link通过to属性指定要导航到的路径，它...
Vue传参一箩筐(页面、组件)
10-17
- 在组件A (`componentsA.vue`) 中，我们可以使用`this.$router.push()`方法，将参数值拼接到路径中，例如`path:`componentsB/${this.person.name}/${this.person.age}/${this.person.sex}`。 - 当组件B (`...
Vue-Router路由传递参数方法规整
高压锅博客
12-10 848
路由配置带参数 一.使用冒号（:）的形式传递参数 或者说 采用url传参 二.使用 query 方式传递参数 三.使用 params方式传递参数 一.使用冒号（:）的形式传递参数 或者说 采用url传参 在跳转到欢迎页面（/hello）时，带有两个参数：id 和 userName。 routes: [ //配置路由，使用数组形式 { path: '/', //链接路径 ...
border-radius不生效，elementplus组件圆角，vue3
weixin_57997644的博客
04-28 2060
原因是elementplus中组件的四个角溢出了，要把溢出的隐藏掉加入overflow: hidden; 只为记录学习遇到的问题
为input输入框添加圆角并去除阴影
weixin_33937913的博客
11-24 3916
&lt;input type="text" name="bianhao" value="" placeholder="请输入商品编号" maxlength="10" size="10" style="width:105px; margin:0px 0px 0px 12px;height:22px;border-radius:4px;border:1px solid #
element ui el-input输入框样式改圆角
qq_73020456的博客
07-02 2616
使用element ui input框做搜索框时 样式穿透改变其圆角大小。
vue属性使用和不使用冒号的区别
肖肖肖丽珠的博客
09-23 2140
vue中冒号：是v-bind的缩写。 一直最常见的做法是代表绑定一个变量。 但是我今天用到复选框是时候缺出现选不中的情况 <el-checkboxv-model="checked">备选项</el-checkbox> checked:1但是没有选中 然后我想可能是没有写true-label，于是这样写。因为true-label接收一个数值或者字符串。我的默认值是数值。 <el-checkboxv-model="checked" true-...
vue 动态控制input输入框的disabled属性
热门推荐
月影神社
09-23 1万+
最近项目上提出一个经常遇到的需求，点击新增时input可输入，点击编辑时input置灰。写下过程，希望能帮助到大家。 1.首先在input上添加disabled属性 2.data中定义isDisabled值为false(可编辑) 3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑). 最后的效果就是文章最开头啦！ ...
elementui 之input 框总结
zhouzhiwengang的专栏
02-16 1万+
1.elementUI的input框，需要用v-model绑定一个变量，这个变量相当于原生input框的value 2.placeholder属性和原生的一样 <!-- v-model相当于input里的value,必须绑定 --> <el-input v-model="test" placeholder="请输入内容"></el-input> 3.禁用el-input，绑定一个disabled属性即可 <!-- 禁用el-input -->
vue组件的属性绑定变量、字符串、表达式，冒号和没有冒号的区别
^璐三岁要耍蓅氓♡
06-09 2583
<el-checkbox-button :label="order.wxId" :key="order.wxId" :disabled="order.disputeOr=='-1'" class="float_div" >✔</el-checkbox-button> element中的一个多选按钮，这里是否禁用是有表达式来...
vue组件中带冒号的参数
最新发布
08-18
在Vue组件中，带有冒号的参数通常是使用v-bind指令进行绑定的。v-bind是Vue中的一个内置指令，用于绑定数据到HTML元素的属性上。通过在属性前加上冒号，可以将Vue实例的数据动态地绑定到组件的属性上。 举个例子，假设有一个Vue组件中的data属性定义如下： ``` data() { return { text: "Hello, world!" } } ``` 如果想将这个data中的text属性绑定到组件的某个属性上，可以使用冒号语法： ``` <my-component :title="text"></my-component> ``` 上述代码中，冒号后面的"title"就是组件中的属性，而"text"是Vue实例中的data属性。通过这样的绑定，组件中的"title"属性就会动态地更新为Vue实例中的"text"属性的值。 需要注意的是，冒号语法只能用于绑定数据到组件的属性上，不能用于绑定样式或类名。对于绑定样式或类名，可以使用v-bind的对象语法或数组语法进行绑定。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [前端开发：Vue组件中的冒号用法](https://blog.csdn.net/CC1991_/article/details/125318852)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值