vue 给组件绑定原生事件

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

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script src="./vue.js"></script>
  7. </head>
  8. <body>
  9. <div id="app">
  10.     <child  content='222' @click.native="bbbb"></child>
  11. </div>
  12. <script>
  14.     var child = {
  15.       props:{
  16.         content: {
  17. //          required:false,
  18.           type: String,
  19. //          default:'ddd value',
  20. //          validator: function (value) {
  21. //            return(value.length>5)
  22. //          }
  23.         },
  24.       },
  25.       template: '<div >{
  26.    {content}}</div>',
  27. //      methods:{
  28. //        aaaa: function () {
  29. //          alert('1')
  30. //          this.$emit('click')
  31. //
  32. //        }
  33. //      }
  34.     }
  35.   var app = new Vue({
  36.     el: '#app',
  37.     components:{
  38.       child,
  39.     },
  40.     data: {
  41.       content:'hallo'
  42.     },
  43.     methods:{
  44.       bbbb:function () {
  45.         alert('2')
  47.       }
  48.     }
  49.   })
  50. </script>
  51. </body>
  52. </html>

发表评论

表情：
评论列表 （有 0 条评论，343人围观）

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

相关阅读

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

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

    比眉伴天荒比眉伴天荒/ 0 赞/ 320 阅读