vue 给组件绑定原生事件

àì夳堔傛蜴生んèń 2022-01-20 21:03 235阅读 0赞

# 不想用子组件$emit事件,直接用@click.native事件可以触发父组件的事件 #

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="./vue.js"></script>
    </head>
    <body>
    <div id="app">
        <child  content='222' @click.native="bbbb"></child>
    </div>
    <script>
    
        var child = {
          props:{
            content: {
    //          required:false,
              type: String,
    //          default:'ddd value',
    //          validator: function (value) {
    //            return(value.length>5)
    //          }
            },
          },
          template: '<div >{
       {content}}</div>',
    //      methods:{
    //        aaaa: function () {
    //          alert('1')
    //          this.$emit('click')
    //
    //        }
    //      }
        }
      var app = new Vue({
        el: '#app',
        components:{
          child,
        },
        data: {
          content:'hallo'
        },
        methods:{
          bbbb:function () {
            alert('2')
    
          }
        }
      })
    </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-组件自定义事件(绑定和解绑)

组件自定义事件(绑定) 像click,change这些都是js的内置事件，我们可以直接使用，本次我们学习自己根据需求打造全新的事件，但是js内置的是给html元素用的,本

分手后的思念是犯贱/ 2023年10月12日 19:36/ 0 赞/ 44 阅读

相关组件绑定原生事件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

电玩女神/ 2023年07月11日 05:57/ 0 赞/ 57 阅读

相关 Vue之组件（绑定原生事件、$listeners、$ref）

课程大纲（1）组件绑定原生事件（2）监听器属性$listeners （3） r e f 与 ref与 ref与refs注册引用信息属性和对象组

﹏ヽ暗。殇╰゛Y/ 2023年06月11日 03:20/ 0 赞/ 245 阅读

相关 vue 事件绑定

<!DOCTYPE html> <html> <head> <meta charset="utf-8" />

末蓝、/ 2022年05月31日 09:57/ 0 赞/ 280 阅读

相关组件绑定原生事件

,//在子组件里声明方法属于原生事件绑定，且执行子组件里的方法。如果也在父组件里写事件，则不会执行 <!DOCTYPE html> <html> <head>

╰+攻爆jí腚メ/ 2022年05月23日 22:10/ 0 赞/ 226 阅读

相关 Vue_给组件绑定原生事件

当我们使用组件的时候，想点击组件触发事件，要在子组件里定义触发事件，在父组件定义是没用的. 只有从子组件往外触发自定义事件，父组件里定义的触发函数才有用。那么怎么样才能直

比眉伴天荒/ 2022年05月22日 13:34/ 0 赞/ 230 阅读

相关 Vue2.x之给组件绑定原生事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

妖狐艹你老母/ 2022年05月18日 04:12/ 0 赞/ 185 阅读

相关 vue学习（十二）给组件绑定原生事件

1，例子如下 <table> <tbody> <tr> <td> <pre><code><!DOCTYPE html> <html lan

ゞ浴缸里的玫瑰/ 2022年04月22日 12:14/ 0 赞/ 180 阅读

相关 vue中父子组件绑定事件

父子组件绑定事件：注意：父组件是自定义事件，由子组件传递触发事件信息；子组件是系统事件比如：click等 <div id="app"> <c

柔光的暖阳◎/ 2022年04月16日 01:23/ 0 赞/ 426 阅读

相关 vue 给组件绑定原生事件

不想用子组件$emit事件,直接用@click.native事件可以触发父组件的事件 <!DOCTYPE html> <html lang="en">

àì夳堔傛蜴生んèń/ 2022年01月20日 21:03/ 0 赞/ 236 阅读