使用vue点击li,获取当前点击li父辈元素的属性值方法

<!-- change方法,数值改变触发 --> <select v-on:change="getData()" name="" id="dataSelect"&gt; <option value="" v-bind:name="index" v-for="(value,index) in items"&gt;{{value.date}}</option> </select> <!-- 为name属性添加当前索引值 --> <ul v-on:click="toFlow($event)" v-bind:name="i" class="flowData" v-for="(flow,i) in flows"&gt; <li class="li1"&gt; {{flow.name.fullName}}<br> {{flow.name.time}} </li> <li class="li2"&gt; {{flow.val1}} </li> <li class="li3"&gt; {{flow.val2}} </li> <li class="li4"&gt; {{flow.val3}} </li> </ul>

var vm = new Vue({ el: "#app",data: { user: {},items: [],flows: [] },methods: { // 根据option数值替换数据 getData: function() { var optionIndex = $('#dataSelect option:selected').attr("name"); //选中的值 vm.flows = vm.items[optionIndex].flowsMonth; },toFlow: function(event) { // 点击li获取当前li父辈ul的name属性值 var flowIndex = event.target.parentNode.getAttribute("name"); var flow = (vm.flows[flowIndex]); $.ajax({ url: 'php/test.php',type: 'POST',dataType: "json",data: { flow: flow },success: function(data) { console.log(data); } }) } } })

$(function(){
    $.ajax({
        url: 'json/items.json',type: 'GET',success: function(data) {
            vm.user = data.user;
            vm.items = data.flows;
            // 初始数据
            vm.flows = vm.items[0].flowsMonth;
        }
    })  
})