vue中v-for生成的动态dom元素中添加绑定事件并实现新标签页打开页面

今天制作疫情大数据管理页面移动端页面时发现了一个问题需要实现，就是点击标签要实现打开新闻的页面，由于是动态生成的标签，所以无法使用a标签来进行新闻页面的打开，于是我想到了以下办法，就是为所有标签绑定点击事件，然后用中介函数为每一个不同的标签指向不同的事件

html部分：

    <ul>
      <li v-for="item in news" :key='item.id'>
        <span @click="middleMethods(item.id)">{{item.title}}</span>
      </li>
    </ul>

js部分：

  methods: {
    middleMethods (type) {
        switch (type) {
          case 1: window.open(url1,'_blank'); //以新标签页打开新页面
          break
          case 2: window.open(url2,'_blank');
          break
          case 3: window.open(url3,'_blank');
          break
          case 4:window.open(url4,'_blank');
          break
          case 5:window.open(url5,'_blank');