史上最详细易懂的vue服务端渲染(ssr)教程
发布于 1年前 作者 sniper 2706 次浏览 来自 分享
3 回复

楼主 请问你一个问题啊 ,点击新闻列表后跳转到新闻详情页面这怎么实现啊 ? 用哪个组件来做?我是新手 请多多指教。 <template>

        <div class="list" v-for="con in cons" [@click](/user/click)="change()">

            <div class="left"><img v-bind:src="con.img"/></div>

            <div class="right">

                <div class="right-top">{{con.top}}{{con.id}}</div>

                <div class="right-bottom">{{con.content}}</div>

            </div>
        </div>      
</div>

</template>

<script>
export default{

  data(){

    return{

        cons:[

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常简单',id:0},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:1},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:2},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:3},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:4},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:5},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:6},

          {img:'static/img/logo.png',top:'超文本标记语言,标准通用标记语言下的一个应用',content:'html使用非常nan',id:7}

        ]
    }
  },
  methods:{
    change:function(){
        console.log(111)
    }
  }

}
</script>
回到顶部