javascript - vue2 路由传参和v-if

查看:103
本文介绍了javascript - vue2 路由传参和v-if的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

需要把v-if某一项的值放在路由里面传过去,不知该怎么写,小白求救,急急急!
`<tr v-for="item in addUser">

                            <td>{{item.order}}</td>
                            <td>{{item.entry_person}}</td>
                            <td>{{item.count_num}}</td>
                            <td>
                                <router-link to="add_detail/33">详情</router-link>
                            </td>
                            </tr>`
                            
                            不知道为何图贴不进去了,直接上代码了,就是把item.entry_person代替33传过去

解决方案

使用v-bind的方法来动态绑定
代码如下:
<router-link v-bind="{to:'add_detail/'+item.entry_person}">详情</router-link>
这样里面就能传数据里的对象进去了

这篇关于javascript - vue2 路由传参和v-if的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆