实现这样的效果,可以设置 li 的右边框,使用last-child的border为none去掉最后一个元素的右边框 即可
代码如下
list:[{...}]
<li
class="lis"
v-for="(item, index) in list"
:key="index">
{{item.name}}
</li>
.lis {
text-align:center;
width:100px;
height:20px;
border-right:1px solid #dadada;
}
.lis:last-child {
border:none;
}