VUE
文章平均质量分 53
阿波罗AP
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题
在输入中文触发oninput后,v-model绑定的值会被设成空字符串,这时候再输入数字,v-model绑定的值不会被赋值,一直为空。解决方法可以用blur手动给绑定的值赋值。 <el-input v-model="form.account" clearable placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,'')" @blur="form.account = $event.target.valu.原创 2021-04-20 11:00:11 · 4039 阅读 · 4 评论 -
v-bind、v-model、v-on
v-bind绑定数据,缩写使用冒号 : v-bind 指令可以用于响应式地更新 HTML 特性: <span v-bind:title="message"> <span :title="message"> v-on动作监听,缩写@ v-on 指令,它用于监听 DOM 事件 <form v-on:submit.prevent="onSubmit">...</form> <form @submit.prevent="onSubmit">...<原创 2021-04-20 11:19:00 · 618 阅读 · 0 评论 -
vue的通信传值方式
一、路由通信传值 路由通信是通过路由跳转用query把参数带过去,也是vue常用的通信手段。 eg:list.vue跳转到update.vue,需要传递id list.vue this.router.push(path:"/update",query:id:"213")update.vueletid=this.router.push({ path:"/update" , query:{ id:"213" } }) update.vue let id = this.router.push(path:"/u.原创 2021-04-20 15:10:53 · 565 阅读 · 0 评论
分享