E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
v-on
vue文件中监听input输入事件(oninput)
但是在.vue中这样写是没有作用的:最后,这样写才起作用:
v-on
:input=“inputFunc”文:非凡主力
爱睡的虫虫
·
2023-09-13 20:10
VUE
input
监控input
Vue3事件处理
.概念2.实例2.1点击按钮次数+12.2v-on可以接收一个定义的方法来调用2.3内联JavaScript语句2.4事件处理程序中调用多个方法3.事件修饰符4.按键修饰符Vue3事件处理1.概念使用
v-on
Hahaha???
·
2023-09-13 16:21
vue.js
javascript
前端
Vue 2.5 学习
Vue课程学习笔记基础部分方法创建在method的大括号里面可以将
v-on
:click简写为@clicknewVue()的方法创建vue实例两个标签,v-text会对内容做转义,然后填充;v-html不会对内容做转义
ThornFUN
·
2023-09-13 10:52
Error in
v-on
handler (Promise/async): "[object Object]"或(请求接口失败时拿不到返回的数据)
控制台报错信息不需要处理错误逻辑时,也不影响代码执行,但是控制台报一大片红也很难受。出现场景:constresponse=awaitthis.util.getData(apiConfig.commomCode,{});处理方法:我们需要进行错误捕获,即catch捕获try{constresponse=awaitthis.util.postData(apiConfig.creat,req)}catc
剑圣_盖小聂
·
2023-09-09 20:26
Vue.js中组件通信的方法
v-bind绑定数据,在子组件中用props进行接收数据,这样,父组件中的数据变动时,就可以即时通知到子组件子组件如果要与父组件进行通信的话,子组件需要自定义事件$emit,父组件可以在使用子组件的地方直接用
v-on
张镕凡
·
2023-09-08 20:53
vue的学习
默认写法会替换全部内容,使用差值表达式{{}}可以替换指定内容v-html指令v-html指令的作用是:设置元素的innerHTML内容中有html结构会被解析为标签v-text指令无论是什么内容,只会解析为文本
v-on
明里灰
·
2023-09-08 20:19
前端
总结
vue
学习
前端
vue
vue事件传值使用 dataset 对象传值
",stuImg:"img/1.jpg",stuName:"Tom",stuGender:"M",stuAge:20}]},methods:{doUpdate:function(event){//如果
v-on
BJYXSZD-9185
·
2023-09-08 03:21
vue.js
javascript
前端
vue中自定义指令
指令以“v-”前缀开始,后跟指令的名称,例如v-model、v-bind和
v-on
。指令是通过模板表达式来操作DOM,而不必编写复杂的JavaScript或jQuery代码。
heiyay
·
2023-09-08 00:36
vue.js
前端
javascript
自定义指令
Vue.js基础(一)
目录1、{{}}文本插值2、v-html原始html3、v-bindAttribute(属性)绑定\三元运算符4、v-for列表渲染5、
v-on
监听事件6、事件调用方法7、v-model表单的输入绑定8
骑着蜗牛打天下
·
2023-09-07 21:09
vue
vue.js
javascript
前端
vue修饰符的用法
Vue修饰符在一些常见的指令中使用,例如
v-on
和v-model。常见的Vue修饰符包括:.prevent:阻止默认事件的发生。.stop:阻止事件冒泡。.capture:事件捕获模式。.
我不是费圆
·
2023-09-07 00:00
vue.js
前端
修饰符
Vue的事件处理,点击事件
目录1、
v-on
:click绑定属性示例:2、
v-on
:click绑定方法示例:3、
v-on
:click绑定特殊变量示例:4、事件处理的修饰符按键修饰符:v-model表单修饰符:v-bind指令修饰符
轮孑哥
·
2023-09-06 15:43
vue
vue.js
javascript
前端
Vue中
v-on
=“$listeners“的使用方法
例如有父组件A,子组件B,孙组件C三个组件,如果C传递信息给B则可直接使用$emit,如果是C向A传递信息还使用$emit,则就需要C先$emit给B,B再$emit给A,这种方式比较繁琐,则此时可以使用
v-on
大宁宁吖
·
2023-09-06 13:08
vue
vue.js
前端
【前端】vue 使用mint-ui遇到的坑
@click/
v-on
:click不起作用解决办法:加上.native,即@click.native或
v-on
:click.native
普鲁托蓝
·
2023-09-06 13:50
vue2 vuex 安装使用教程
|Vuex(vuejs.org)二,vuex都可以干什么vuex不但是可以存储数据方便复用还可以进行兄弟组件之间传值三,传统的组件之间的共享数据方式父向子传值:v-bind子向父传值:
v-on
兄弟组件之间共享数据
阿金要当大魔王~~
·
2023-09-06 09:39
vuex
前端
javascript
开发语言
Vue框架--Vue中的事件
1.事件处理事件的基本使用:(1).使用
v-on
:xxx或@xxx绑定事件,其中xxx是事件名;(2).事件的回调需要配置在methods对象中,最终会在vm上;(3).methods中配置的函数,不要用箭头函数
魔笛手7
·
2023-09-05 11:37
Vue
vue.js
javascript
前端
Vue中的事件
事件绑定
2018-09-13
首先复习一下v-for=""循环v-model=''双向数据绑定用于表单元素
v-on
:事件名='函数名'绑定一个事件的简写@click=""今天所学1.v-bindv-bind:属性名=''绑定一个属性简写
99c05f8a86d8
·
2023-09-05 10:07
【Vue2.0源码学习】生命周期篇-初始化阶段(initEvents)
我们知道,在Vue中,当我们在父组件中使用子组件时可以给子组件上注册一些事件,这些事件即包括使用
v-on
或@注册的自定义事件,也包括注册的浏览器原生事件(需要加.native修饰符),如下
itpeilibo
·
2023-09-05 05:02
Vue深入学习
学习
javascript
前端
uni-app 之
v-on
:click点击事件
uni-app之
v-on
:click点击事件image.png里必须要有一个盒子,不能有两个,这里的盒子就是view-->---
v-on
:click点击事件---{{title}}---点击事件简写@click
jun_tong
·
2023-09-05 04:54
javascript
前端
vue.js
uni-app
关于vue,记录一次修饰符.stop和.once的使用,以及猜想。
内置指令|Vue.js在vue的api里,关于
v-on
有stop和once两个事件标签。.stop-调用event.stopPropagation()。.once-最多触发一次处理函数。
飞鸟还巢
·
2023-09-02 22:28
前端积累
vue.js
前端
javascript
vue
v-on
绑定多个事件
在vue框架里,我们使用
v-on
指令或者@(
v-on
的简写)符号来绑定事件,有时候一个标签上需要绑定多个事件,可以一个一个绑,但看起来很多,实际上
v-on
可以一次绑定多个不同事件,例如://可以正常执行不同方法盒子
nrskhdzl
·
2023-09-02 09:28
vue
html
Error in
v-on
handler: “TypeError: this.$refs.cateForm.validate is not a function
问题描述:多个Tab页切换时,不同的form表单都需要校验,当校验时,报错了。问题解决:检查是否有书写错误,比如ref=“form”和this.$refs.form一定要对应。如果书写无误,console.log(this.$refs.form),到控制台查看其输出结果。若输出结果如该图所示,则校验时应选择(this.$refs.form)[0].validate。若输出结果如该图所示,则校验时应
ling08140814
·
2023-09-02 08:03
vue
elementui
VUE笔记(二)vue的指令
2、vue指令的分类内容渲染指令:v-text、v-html条件判断指令:v-if、v-elseif、v-else、v-show事件绑定指令:
v-on
属性绑定指令:v-bind列表渲染
鸣鲷有柒
·
2023-09-01 22:23
vue.js
笔记
前端
Vue事件绑定(非常详细哦~)
下面是对Vue中事件绑定的整理,希望可以帮助到有需要的小伙伴~事件绑定vue如何处理事件
v-on
指令用法
v-on
简写形式事件函数的调用方式直接绑定函数名称Hello调用函数sayhi示例:事件绑定{{num
weixin_46370867
·
2023-09-01 17:57
Vue
vuejs小知识
一、指令(v-开头)v-model数据绑定
v-on
添加事件v-bind绑定属性v-for循环、迭代v-text纯文本v-htmlhtmlv-show是否显示v-pre跳过编译v-cloak防止闪屏建议使用
晓箬
·
2023-09-01 02:06
【Vue】全家桶之Vuex
组件间共享数据的方式父向子传值:v-bind属性绑定子向父传值:
v-on
事件绑定兄弟组件之间共享数据:EventBus$on接收数据的组件$emit
软泡芙
·
2023-08-31 21:34
#
算法
#
Web_前端
vue.js
前端
javascript
vuex
vue
v-on
艾特@
vuev-on内联代码:Document+{{count}}-constapp=newVue({el:'#app',data:{count:100,}})运行效果methods方法Document切换显示Helloconstapp=newVue({el:'#app',data:{isShow:true,},methods:{fn(){this.isShow=!this.isShow;},}})带参
wowocpp
·
2023-08-31 20:49
web_html
javascript
Vue入门学习(二)
一、事件处理基本用法使用
v-on
:xxx或者@xxx绑定事件,xxx为事件名,例如click事件事件的回调需要配置在methods对象中,最后会在vm上methods中配置的汉纳树,不要使用箭头函数,否则
一季春秋
·
2023-08-30 15:49
笔记
vue.js
学习
前端
uniapp笔记
1.项目目录2.模板语法vue组件语法v-bind/:
v-on
/@v-modelv-ifv-showv-for空标签templateview作为div使用text作为span使用3.uni条件编译每个平台有自己的一些特性
GG·bond
·
2023-08-29 18:47
uniapp
uniapp基础
vue2 自定义指令,插槽
一、学习目标1.自定义指令基本语法(全局、局部注册)指令的值v-loading的指令封装2.插槽默认插槽具名插槽作用域插槽二、自定义指令1.指令介绍内置指令:v-html、v-if、v-bind、
v-on
小钟不想敲代码
·
2023-08-28 12:38
Vue
vue.js
前端
javascript
v-on
和 v-bind
v-on
和v-bind都可以与回调函数一起使用,但它们的作用不同。
v-on
:这是Vue中用于绑定事件监听器的指令。
coinisi_li
·
2023-08-28 11:06
vue.js
javascript
前端
Vue2向Vue3过度核心技术自定义指令
自定义指令-指令的值1.需求2.语法3.代码示例3自定义指令-v-loading指令的封装1.场景2.需求3.分析4.实现5.准备代码1自定义指令1.指令介绍内置指令:v-html、v-if、v-bind、
v-on
赵广陆
·
2023-08-27 09:21
vue
vue.js
javascript
ecmascript
Vue中的双击事件 @dblclick=" "
v-on
:dblclick=" "
methods:{copyText:function(){$("#modalget").modal("show");//显示模态框的内容$("#modalget").show();//指定部分内容显示}},
v-on
gyuei
·
2023-08-26 08:44
Vue
vue 简单实验
v-on
html事件绑定
1.代码{{message}}反转MessageconstEventHandling={data(){return{message:'HelloVue.js!'}},methods:{reverseMessage(){this.message=this.message.split('').reverse().join('')}}}Vue.createApp(EventHandling).mount
科学的发展-只不过是读大自然写的代码
·
2023-08-24 14:24
vue.js
html
前端
vue
尚硅谷Vue2-3(张天禹老师) 学习笔记
基本模块01基础模板语法1.1插值语法--解析标签体里的内容1.2指令语法--解析标签数据绑定条件渲染1.2.1**`v-bind:xxx`**1.2.2**`v-model:xxx`**1.2.3**`
v-on
hlmy
·
2023-08-24 13:33
学习
vue.js
javascript
vue自定义指令,实现事件的防抖和节流(暂未实现表达式解析和模板编译豁免)
=>{return{b:null}},methods:{test(){},test1(param1,param2){},test2(event,param1,param2){}}});这个没什么好说的
v-on
JokerSoulClub
·
2023-08-23 19:58
vue.js
javascript
前端
第二十节:Vue组件传参:Vue子组件向父组件传参(事件传参)
1.自定义事件除了可以处理原生的DOM事件,
v-on
指令也可以处理组件内部触发的自定义的事件,调用this.
时光如剑
·
2023-08-23 00:21
Vue 指令
HTML,可以使用v-html2指令v-text被直接解析为了字符串元素3指令v-if指令将根据表达式XX的值(true或false)来决定是否插入p元素4指令v-bind被用来响应地更新HTML属性5指令
v-on
shumeigang
·
2023-08-22 15:33
Vue
前端
【解决报错】Error in
v-on
handler: “TypeError: Cannot read property ‘resetFields’ of undefined”
vue项目用elm框架写表单在新增的时候一般要让数据清空this.$refs['form'].resetFields();但是在页面加载进来的时候还没有渲染dom元素所以直接点新增会报错:Errorinv-onhandler:"TypeError:Cannotreadpropertiesofundefined(reading'resetFields')"解决方案:1、加判断if(this.$ref
栀妹儿
·
2023-08-21 22:31
vue.js
elementui
前端
Vue--BM记事本
效果如下:用到了如下的技术:1.列表渲染:v-forkey的设置2.删除功能:
v-on
调用参数fliter过滤覆盖修改原数组3.添加功能:v-model绑定,unshift修改原数组添加html文件如下
垫脚摸太阳
·
2023-08-21 06:23
vue
vue.js
css
css3
vue
前端
重新复习VUE.JS
v-model一般表单元素双向绑定v-for循环
v-on
:click="函数"v-show="true/false"window.onload=function(){newVue({el:'#box',
飞奔的小白
·
2023-08-20 23:02
GuLi商城-前端基础Vue指令
v-on
Document 点赞取消有{{num}}个赞大div小div去百度提示:newVue({el:"#app",data:{num:1},methods:{cancle(){this.num--;},hello(){alert("点击了")}}})
ZHOU_VIP
·
2023-08-20 12:21
GuLi商城
前端
vue.js
javascript
Vue的鼠标键盘事件
Vue的鼠标键盘事件原生鼠标事件(将
v-on
简写为@)@click//点击@dblclick//双击@mousedown//按下@mousemove//移动@mouseleave//离开@mouseout
乖乖的成长日记
·
2023-08-20 10:26
Vue3.0X
vue.js
javascript
ecmascript
Vue小白入门
目录简介入门案例常用指令使用案例v-bind、v-model案例
v-on
案例v-if、v-show案例v-for案例vue生命周期简介Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写
sgmwgntw
·
2023-08-19 04:11
vue.js
javascript
前端
vue中div@click不起作用
click里面用了position:absolute;绝对定位,之后点击就不起作用目前已知两种解决方法1、最外层div的z-index层级设置比里面绝对定位的大2、用@click.prevent也是可以的
v-on
nick5683
·
2023-08-18 23:55
Vue 获取事件的 event 对象(2种方式)
内联处理器中的方法和API指令
v-on
中都有介绍。必须是$event的写法,该参数位置可随意,也可放在第一个。点击点击-->exportdefault{methods:{onClick(st
AvatarGiser
·
2023-08-18 18:38
Vue2
小知识点
vue
Vue2-浏览器本地存储(WebStorage)、组件自定义事件
Vue.jsVUE2-Day8一、浏览器本地存储(WebStorage)1.相关API2.一些注意点3.TodoList中的本地存储二、组件自定义事件1、引出组件自定义事件2、给组件绑定自定义事件(1)使用
v-on
POTATO!
·
2023-08-18 04:56
Vue2+Vue3
vue.js
前端
javascript
前端框架
缓存
vue中监听input的输入值
监听方法需要使用
v-on
:input="“方法名”search(e){varcount=0;for(vari=0;i<this.ScoreInfo.length;i++){//这里将数组中的字符串转换为数字
可恨的资本家
·
2023-08-18 02:08
大数据
v-on
绑定事件
{{mag}}点击newVue({el:".app",data:{mag:"nihao"},methods:{aa:function(){this.mag='hao'}}})
Promise_84fe
·
2023-08-16 15:07
Vue中如何更好地封装组件?
子组件接受父组件传递的事件1.子组件使用@事件名="$emit('父组件中传递的事件名',想给父组件传递的参数(可选))"@click="$emit('click')"2.子组件使用
v-on
="$listeners
AYBAIWAN
·
2023-08-16 09:03
vue.js
javascript
前端
前端框架
VUE框架相关
1.nextTick在下次dom更新循环结束之后执⾏延迟回调,可⽤于获取更新后的dom状态新版本中默认是mincrotasks,
v-on
中会使⽤macrotasksmacrotasks任务的实现:setImmediate
paterWang
·
2023-08-16 08:41
面试
前端
vue.js
前端
javascript
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他