<div class="row"> <div class="search-label">政策类型：</div> <div class="content"> <div v-for="(item, index) in TypeList" :key="index" @click="TypeVar = item" :class="['item', TypeVar == item ? 'actvCss' : '']">{{ item }}</div> </div> </div>帮我修改政策类型里的选项过多时可以自动换行，如果有需要可以提供js和css

可以使用CSS的flexbox属性来实现选项自动换行。以下是一个简单的示例代码：

HTML代码：

<div class="row">
  <div class="search-label">政策类型：</div>
  <div class="content" id="typeList">
    <div v-for="(item, index) in TypeList" :key="index" @click="TypeVar = item" class="item">{{ item }}</div>
  </div>
</div>

CSS代码：

#typeList {
  display: flex;
  flex-wrap: wrap;
}

.item {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.actvCss {
  background-color: #ccc;
  color: #fff;
}

这里使用了flexbox来实现选项自动换行，同时也给选项添加了一些基本的样式。你可以根据需要进行调整。

另外，你需要在Vue实例中添加TypeList和TypeVar这两个变量。这里假设TypeList是一个数组，TypeVar是当前选中的政策类型。你也需要在Vue实例中引入上述的CSS代码。