「面试题」修饰符

一、事件修饰符

二、v-model修饰符

①对于输入的内容,希望可以过滤首尾空格应该怎么做呢?  .trim

②我们知道input输入框的type哪怕是number数字得到的值的类型也是string类型的数字,如果我们想直接拿到number类型的数据,有不想麻烦的手动转换应该怎么办呢?

密码:<input type="password" v-model="password">拿到的password是字符串类型的数字                       <input type="password" v-model.number="password">拿到的password是数字类型的      

三、.sync指令修饰符,v-bind:

①当我们想要在父组件子组件之间对某个属性值进行双向绑定时,有什么便捷的方式?只要.sync修饰符即可办到,:visible.sync="visible"

在子组件里用this.$emit("update:text",this.count) //必须是update:xxx的形式xxx即属性props,     第二个this.count时要传的响应式数据  

四、按键修饰符

①.enter 输入框回车时触发事件

<input @keyup.enter="handleKeyup" type="text" /> <button>搜索</button>

②其他按键修饰符

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值