Cascader 級聯選擇器、Select 選擇器和date-picker日期選擇器的寬度設定

像select選擇器的寬度設定一般是這樣

<el-select v-model="value" placeholder="請選擇" style="width: 100%;">//在el-select裡加上一個style="width: xx%;"
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
           

像cascader級聯選擇器寬度設定一般是這樣

<el-cascader
    v-model="value"
    :options="options"
    @change="handleChange"
    style="width:500px;"></el-cascader>//在el-cascader裡面加上style="width:xxpx;"
           

像el-date-picker日期選擇器的寬度設定是這樣的

<el-date-picker
      v-model="value1"
      type="date"
      placeholder="選擇日期"
      style="width: 100%;">
    </el-date-picker>