add 跳转链接

Andy
1 parent 206ce58f
Showing 1 changed file with 17 additions and 1 deletions
webintroduce/src/views/home.vue
@@ -84,7 +84,7 @@
         </div>
         <div class="newslist">
           <ul>
-            <li v-for="(news,index) in newsLists" :key="index" @click="">
+            <li v-for="(news,index) in newsLists" :key="index" @click="goWXnews(news.href)">
               <p class="pos-rel red-slide"> <a >{{news.newsTitle}}<span class="pos-abs" style="bottom: 0px;right: 2px;color: rgba(0,0,0,0.3);font-size: 12px">{{news.time}}</span> </a>
               </p>
             </li>
@@ -121,42 +121,49 @@ export default {
       },
       newsLists:[
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/NcWXfcxjy5t-sqG2yFg6JQ",
           "newsTitle":"【公司要闻】中兴智能交通建设甘肃省周边“一带一路”沿线城市的智慧停车",
           "img":"http://www.zte-its.com/Upload/2019-01/20190107134910953.jpg",
           "time":"2019-01-06"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/bO_1as7-8enGR7g4sI_6lw",
           "newsTitle":"【公司要闻】年度盘点丨2018，中兴智能交通铸就辉煌",
           "img":"http://www.zte-its.com/Upload/2019-01/20190107120328342.jpg",
           "time":"2018-12-30"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/ZJCdWCWCkrxtmOCep9fvwQ",
           "newsTitle":"【公司要闻】中兴智能交通荣获”2018中国城市无人化停车十大创新方案”称号",
           "img":"http://www.zte-its.com/Upload/2019-01/20190114111641907.jpg",
           "time":"2019-01-14"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/ilplSVvIBUt0sDtqTgsgbw",
           "newsTitle":"【公司要闻】2018年年底，赤峰智慧停车项目正式上线运营",
           "img":"http://www.zte-its.com/ckfinder/userfiles/images/Snap2(34).jpg",
           "time":"2018-12-26"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/j4FJmW-dAMAKK8WBilHSzw",
           "newsTitle":"【公司要闻】中兴智能交通应邀出席“2018第三届中国物联网国际峰会”",
           "img":"http://www.zte-its.com/Upload/2018-05/20180529172415999.jpg",
           "time":"2018-05-15"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/Q3V4F0PHm0cS7a-zlXx6OA",
           "newsTitle":"【行业动态】贵州机动车停放收费新规5月起试行 小区停车费由业主大会决定",
           "img":"http://www.zte-its.com/Upload/2018-08/20180808173733771.jpg",
           "time":"2018-04-24"
         },
         {
+          "id":"1",
           "href":"https://mp.weixin.qq.com/s/BEyfUDkfrZqLokZxoKp04Q",
           "newsTitle":"【行业动态】广州停车场条例10月起施行 小区停车收费标准先议价",
           "img":"http://www.zte-its.com/Upload/2018-09/20180918095140370.jpg",
@@ -193,6 +200,15 @@ export default {
     // 然后你就可以使用当前上下文内的swiper对象去做你想做的事了
     console.log('this is current swiper instance object', this.swiper)
     //this.swiper(7, 1000, false)
+  },
+  methods: {
+
+    goWXnews(data){
+
+      window.open(data)
+
+    }
+
   }
 }
 </script>