<template><div class="list1"><ul><li><a href="#">菜单1</a></li><li><a href="#">菜单2</a></li><li><a href="#">菜单3</a></li></ul></div></template><script>// import test from './test.js'export default {data() {return {startPos: '我的位置',endPos: ''}},methods: {},created() {},mounted() {var lis = document.getElementsByTagName('li')for (var i = 0, len = lis.length; i < len; i++) {(function(j) {lis[j].onclick = function() {alert('菜单' + (j + 1))}})(i)}}}</script><style lang="less" scoped>.list1 ul {overflow: hidden;}.list1 li {float: left;list-style-type: none;}.list1 a {display: block;padding: 0 16px;text-decoration: none;color: #000;}.list1 li + li a {border-left: 1px solid #aaa;}.list1 a:hover {color: #fff;background-color: #000;}</style>
注：for循环中的var可用let后，就不用使用立即执行函数了。原因是：onclick是一个事件，这个事件委托了并没有去触发，只有触发的时候才会调用回调函数，代码自上而下运行这时候i的值已经变为3了所以每个点击事件的回调结果都是3。
