vue点击时获取列表的值

这样就能获取到了，哈哈哈顺便普及下vue获取父元素，子元素，兄弟元素等的操作，当然，vue获取元素也可以用ref属性，更方便e.target是你当前点击的元素e.currentTarget是你绑定事件的元素e.currentTarget.previousElementSibling.innerHTML获得点击元素...

qq_41588568

6170人浏览 · 2019-04-16 14:41:15

qq_41588568 · 2019-04-16 14:41:15 发布

这样就能获取到了，哈哈哈

顺便普及下vue获取父元素，子元素，兄弟元素等的操作，当然，vue获取元素也可以用ref属性，更方便

e.target 
    是你当前点击的元素
    e.currentTarget 
    是你绑定事件的元素
    
    e.currentTarget.previousElementSibling.innerHTML
    获得点击元素的前一个元素
    
    e.currentTarget.firstElementChild
    获得点击元素的第一个子元素

    e.currentTarget.nextElementSibling
    　　获得点击元素的下一个元素
    
    e.currentTarget.getElementById("string")
  　　获得点击元素中id为string的元素

  e.currentTarget.getAttributeNode('string')
     　　获得点击元素的string属性

    e.currentTarget.parentElement
    　　获得点击元素的父级元素
    
    e.currentTarget.previousElementSibling.firstElementChild.innerHTML
   　　 获得点击元素的前一个元素的第一个子元素的HTML值

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^