Vue 使用笔记

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1. 将 Vue 单文件组件 style 中样式的作用域限制在本文件

添加 scoped 关键字，如下图所示：

 

2. 获取事件触发源

clickButton:function() {
          var e = arguments[0] || window.event;  
          var src = e.srcElement || e.target;       // src 就是事件的触发源
          this.selectedId = src.id;
      },

3. Vue 父子组件互相访问

  • 子组件访问父组件

　　访问父组件属性：this.$parent.属性名

　　访问父组件方法：this.$parent.方法名()

  • 父组件访问子组件

    <div>
        <childComponent ref = "xxx" />
    </div>

　　访问子组件属性：this.$refs.xxx.属性名

　　访问子组件方法：this.$refs.xxx.方法名()

以上是 Vue 使用笔记 的全部内容， 来源链接： utcz.com/z/375416.html

回到顶部