el-slider 单独配置输入框

如果你想要在 `el-slider` 组件的旁边添加一个输入框，可以使用 `el-input-number` 组件来实现。下面是一个示例代码：

<template>
  <div>
    <el-slider v-model="value" :min="0" :max="100"></el-slider>
    <el-input-number v-model="value" :min="0" :max="100"></el-input-number>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 50,
    };
  },
};
</script>

在上面的代码中，我们使用 `v-model` 来绑定 `el-slider` 和 `el-input-number` 的值，这样当你拖动 `el-slider` 时，输入框的值也会自动更新。同时，我们也设置了 `min` 和 `max` 属性来限制输入框的值的范围。

当然，你也可以根据自己的需求来自定义输入框的样式和布局。

相关问题

el-slider 怎么带输入框

el-slider可以通过设置show-input属性来显示输入框，代码如下：

<el-slider v-model="value" :show-input="true"></el-slider>

其中，v-model绑定了当前的值，:show-input绑定了是否显示输入框。你也可以通过设置range属性来实现双向选择的输入框，代码如下：

<el-slider v-model="range" :show-input="true" range></el-slider>

其中，v-model绑定了当前的值，:show-input绑定了是否显示输入框，range表示是否是双向选择。

el-slider修改输入框的宽度

可以使用 `style` 属性来修改 `el-slider` 组件内部的输入框的宽度。

例如：

<template>
  <el-slider v-model="value" style="width: 300px;">
  </el-slider>
</template>

<script>
export default {
  data() {
    return {
      value: 50
    }
  }
}
</script>

在上面的例子中，我们使用了 `style` 属性并设置了 `width` 为 `300px`，从而使得 `el-slider` 组件的输入框的宽度变为了 `300px`。