Question

我正在使用vuetify数据表。在该表中，我添加了必须显示的表头和数据。我已经编写了一些与删除或添加数组中的项目有关的代码。但这不是正确的代码。如果我删除多个标题，它们将被删除。但是，如果我再次添加它们，它们的顺序就会改变。谁能帮我。

请通过以下链接查看代码笔中的代码

A full code can be found in

https://codepen.io/kiranvilla/pen/JVRvwg?editors=1010

Answer 1

您可以通过在应用过滤器时仅更改标题数据来执行此操作，并且表可以像这样。您可以动态添加标题和数据绑定，

.dividerHR {
    position: relative;
    float: left;
    padding:0;
    border:none;
    border-top:double medium #999;
    color:#999;
    text-align:center;
    width:90%;
    margin:0 5%;
    text-shadow: 0 0 2px rgba(0,0,0,.8)
}
.dividerHR::before {
    content:'< Coding Poetry />';
    background:#181818;
    display:inline-block;
    position:absolute;
    top:-12px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size:12px;
    padding:0 0.25em; 
    text-shadow:0 0 2px rgba(0,0,0,.8)
}

https://codepen.io/anon/pen/dLpaOp?editors=1010

如何切换添加删除数组中同一位置的多个项目？

1 个答案: