vue element修改el-select，el-date-picker组件宽度style=“width:XXpx“不生效问题的解决

在Vue中使用Element UI库时，直接在组件上使用style属性来设置宽度可能不会生效，因为Element UI组件通常有其自己的样式和内部样式优先级。

解决方法：

1. 使用!important规则来确保你的样式优先级高于组件的默认样式。

<el-select
  style="width: 200px !important;"
  v-model="selectValue"
  placeholder="请选择">
  <!-- options -->
</el-select>

2. 使用计算属性或者方法来动态绑定样式。

<el-select
  :style="{ width: selectWidth + 'px' }"
  v-model="selectValue"
  placeholder="请选择">
  <!-- options -->
</el-select>

data() {
  return {
    selectWidth: 200 // 你想要设置的宽度值
  };
}

3. 使用全局样式来覆盖组件的默认样式。

<style>
  .el-select .el-input__inner {
    width: 200px !important;
  }
</style>

4. 使用scoped样式，确保只影响当前组件的样式。

<style scoped>
.custom-select /deep/ .el-select .el-input__inner {
  width: 200px !important;
}
</style>
 
<el-select class="custom-select" v-model="selectValue" placeholder="请选择">
  <!-- options -->
</el-select>

注意：/deep/ 是Vue 2.x中用来穿透scoped样式的深度选择符，在Vue 3.x中应使用::v-deep。

确保在实际应用中测试以上方法，以确保它们不会破坏组件的其他样式或功能。