<div v-for=" item in tr.orderLockDTOList" :key="item"> {{ item.lockCode }} </div> item.lockCode过滤重复的，只显示没有显示过的

这段代码片段是在Vue.js中使用v-for指令遍历一个名为`tr.orderLockDTOList`的数据数组。`item`是一个当前循环到的对象，其中包含一个属性`lockCode`。通过`{{ item.lockCode }}`，它会将每个对象的`lockCode`值渲染到页面上。

如果你想过滤并只显示未展示过的`lockCode`，你需要在渲染之前检查它们是否已经存在，通常这可以通过数据绑定、计算属性或者在循环外部维护一个已展示的锁码集合来实现。这里提供一种简单的思路：

1. 使用一个Vue实例的数据属性来存储已经展示过的`lockCode`，例如`alreadyShownCodes: []`。
2. 在循环内部，添加一个条件判断，如果`item.lockCode`不在`alreadyShownCodes`中，则渲染，并将其添加到`alreadyShownCodes`中。

示例代码：

<template>
  <ul>
    <li v-for="item in tr.orderLockDTOList trackBy:item.lockCode" :key="item.lockCode">
      {{ item.lockCode }}
      <!-- 如果 lockCode 未显示过 -->
      <script>
        if (!alreadyShownCodes.includes(item.lockCode)) {
          alreadyShownCodes.push(item.lockCode);
        }
      </script>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      alreadyShownCodes: []
    };
  }
};
</script>

注意，在实际项目中，为了性能考虑，可能需要避免在模板中直接修改数据数组。你可以将这个操作放在`methods`或`watch`里处理。