vue中输入框无法输入问题

 <el-row>
      <el-form ref="form" :model="queryParams"  label-width="100px" v-show="showSearch">
        <el-col :span="6">
        <el-form-item label="会员姓名">
          <el-input v-model="queryParams.name" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="会员卡号">
          <el-input v-model="queryParams.memberno" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="移动电话">
          <el-input v-model="queryParams.mobile" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="油站选择">
        <el-select v-model="queryParams.energystationidQ" placeholder="请选择" style="width:100%">
          <el-option
            v-for="item in deptOptions"
            :key="item.energystationid"
            :label="item.energystationname"
            :value="item.energystationid">
          </el-option>
        </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="车牌号">
          <el-input v-model="queryParams.carno" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="积分大于">
          <el-input v-model="queryParams.integral1" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="积分小于">
          <el-input v-model="queryParams.integral2" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="会员状态">
          <el-input v-model="queryParams.memberstatusQ" placeholder="请选择"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="会员id">
          <el-input v-model="queryParams.id" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="微信ID">
          <el-input v-model="queryParams.wechatid" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="员工编号">
          <el-input v-model="queryParams.employeeno" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="推荐人微信ID">
          <el-input v-model="queryParams.refereewechatidQ" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
    
      <el-form-item >
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
 
      </el-form>
    </el-row>

最后一个没有加el-col

显示也正常,和加了页面没变化,也没报错。但是上面的所有input框都会不能输入。这就是纯纯的结构问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值