vue表单显示表格样式

如果你想要在Vue表单中显示表格样式，可以使用HTML表格元素`<table>`和相关标签`<tr>`、`<th>`、`<td>`，并使用CSS来设置样式。

下面是一个简单的示例：

<template>
  <form>
    <table>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
      <tr>
        <td><input type="text" v-model="name"></td>
        <td><input type="number" v-model="age"></td>
        <td>
          <select v-model="gender">
            <option value="male">男</option>
            <option value="female">女</option>
          </select>
        </td>
      </tr>
    </table>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      age: null,
      gender: 'male'
    }
  }
}
</script>

<style>
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #ddd;
}
</style>

在上面的代码中，我们使用`<table>`、`<tr>`、`<th>`、`<td>`等元素来创建一个表格，并使用CSS设置了样式，比如边框、内边距、文本对齐等。在表格内部，我们使用了`<input>`和`<select>`等表单元素来收集用户的输入。