vue中怎么隐藏form表单中的一行

你可以使用CSS中的display属性来隐藏form表单中的一行。具体操作如下：

1. 在需要隐藏的行上添加一个class，例如：hidden-row。

2. 在CSS中添加以下代码：

.hidden-row {
  display: none;
}

3. 在Vue的模板中，使用v-bind指令将class绑定到需要隐藏的行上，例如：

<form>
  <div class="form-group">
    <label for="name">Name:</label>
    <input type="text" class="form-control" id="name" name="name">
  </div>
  <div class="form-group hidden-row" v-bind:class="{ 'hidden-row': shouldHide }">
    <label for="email">Email:</label>
    <input type="email" class="form-control" id="email" name="email">
  </div>
</form>

4. 在Vue的实例中定义一个shouldHide的变量，根据需要来改变它的值：

new Vue({
  el: '#app',
  data: {
    shouldHide: true // 默认隐藏
  },
  methods: {
    toggleRow: function() {
      this.shouldHide = !this.shouldHide;
    }
  }
})

这样，当shouldHide的值为true时，第二行就会被隐藏，当shouldHide的值为false时，第二行就会显示。你可以在需要的时候调用toggleRow方法来改变shouldHide的值。