babel-plugin-jsx icon indicating copy to clipboard operation
babel-plugin-jsx copied to clipboard

how to bind event?

Open Jokcy opened this issue 5 years ago • 10 comments

I tried v-on, on, vOn, none worked. What is the correct way to bind an event?

Jokcy avatar Oct 14 '20 02:10 Jokcy

onClick will be ok

image

Amour1688 avatar Oct 14 '20 03:10 Amour1688

hm... it's kind of strange that props work like a directive...

Jokcy avatar Oct 14 '20 03:10 Jokcy

请问如何监听update:value这种事件?

Lv777F avatar Nov 03 '20 09:11 Lv777F

我研究了半天 好像只能

<Input {...{'onUpdate:value':(value)=>xxx=value}}/>

这么写?

Lv777F avatar Nov 03 '20 10:11 Lv777F

我研究了半天 好像只能

<Input {...{'onUpdate:value':(value)=>xxx=value}}/>

这么写?

老哥,🐂🍺!

JohnZengshi avatar Mar 12 '21 08:03 JohnZengshi

像 @keyup.enter="onSubmit" 这种要怎么写呢?

hjyyang avatar Mar 26 '21 09:03 hjyyang

像 @keyup.enter="onSubmit" 这种要怎么写呢?

  onKeyup={(ev: KeyboardEvent) => {
    if (ev.key === 'Enter') {
      onSubmit();
    }
  }}

jackhe16 avatar May 14 '21 09:05 jackhe16

针对自定义的事件该怎么写呢?比如chang,input...... image

我试了onInput,onChange,好像都不行,采用v-input会报错 image

zhao33055 avatar May 20 '21 08:05 zhao33055

不知道你是怎么写的, onInput,onChange 应该是可以的, 需要 ctx.emit('change');

jackhe16 avatar May 20 '21 08:05 jackhe16

不知道你是怎么写的, onInput,onChange 应该是可以的, 需要 ctx.emit('change');

解决了,引用Element Plus时,typescript会提示onInput方法不存在,通过// @ts-ignore可以临时解决这个问题 image

zhao33055 avatar May 20 '21 09:05 zhao33055