【Vue3】在vue3中抛弃的方法：tag

下面是一个<li>标签写的列表

<div> 
    <ul>
        <li v-for="(item,index) in detailsNav" :key="index">
            {
   
   {item.title}}
        </li>
    </ul>
</div> 

我想将列表<li>标签中添加子页面跳转，在vue2中只要将<li>标签变成<router-link>并加上属性 tag 就好了，因为具有tag属性的router-link会被渲染成相应的标签，像下面这样。

<router-link tag="li"
             v-for="(item,index) in detailsNav"
             :key="index"
             :to="'/home/mine/'+item.id">
    {
   
   {item.title}}
</router-link>

但是在 vue3 中 tag 方法不生效，所以只能写成下面这种形式：

<div>
    <ul>
        <router-link v-for="(item,index) in detailsNav"
                     :key="index"
                     :to="'/home/mine/'+item.id">
            <li>
                {
   
   {item.title}}
            </li>
        </router-link>
    </ul>
</div>

tag 属性在 vue-routerv3.1.x以上版本被废弃，新增 “v-slot”，推荐使用 ‘custom v-slot’ 代替