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 · 3441 阅读 · 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 · 402 阅读 · 0 评论 -
vue的通信传值方式
一、路由通信传值路由通信是通过路由跳转用query把参数带过去,也是vue常用的通信手段。eg:list.vue跳转到update.vue,需要传递idlist.vuethis.router.push(path:"/update",query:id:"213")update.vueletid=this.router.push({ path:"/update" , query:{ id:"213" } })update.vuelet id = this.router.push(path:"/u.原创 2021-04-20 15:10:53 · 312 阅读 · 0 评论