zoukankan      html  css  js  c++  java
  • 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.方法名()

  • 相关阅读:
    2017.10.17笔记
    鼠标移入移出方向判断
    12.14 css3
    百叶窗 蒙版 图层
    banner轮播
    12.13
    12.11 jq基础
    11.30 AJAX
    11.28 Window事件 iframe操作
    11.28.cookie
  • 原文地址:https://www.cnblogs.com/dhqy/p/14298786.html
Copyright © 2011-2022 走看看