VUE Element修改el-input和el-select长度的具体步骤

<el-form-item label="业务部" prop="team">
    <el-input
            v-model="queryParams.team"
            placeholder="业务部"
            clearable
            @keyup.enter="handleQuery"
            style="width: 200px"
        />
</el-form-item>
<el-form-item label="业务部层级" prop="category">
    <el-select v-model="queryParams.category" filterable clearable  >
        <el-option :label="'有效'" :value="1"> 有效</el-option>
        <el-option :label="'无效'" :value="0"> 无效</el-option>
    </el-select>
</el-form-item>

style="width: 200px"

<style lang='scss' scoped>
	.test{
		width: 200px;
	}
</style>

//设置form表单输入框，下拉框长度统一
  .el-form-item {
    .el-input {
      width: 200px;
    }
    .el-select{
      width: 200px;
    }

  }

<template>
    <div class="formHeader">
            <div style="margin-left:20px">
                    <span>选项：</span>
                    <el-select v-model="form.selectValue" placeholder="请选择" style="width:200px">
                        <el-option
                                v-for="item in selectOption"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
             </div>
    </div>
</template>

.formHeader .el-input {
    border-color: #409EFF;
    width: 150px;
}

.fromHeader .el-select .el-input {
        border-color: #409EFF;
        width: 200px;
    }