vue2 el-input 行号

在 Vue.js 2.x 中，`el-input` 是 Element UI 提供的一个输入框组件。如果你想在输入框旁边显示行号（比如用于表格或编辑器场景），可以自定义一个插件或者通过一些 CSS 和模板调整来实现。

通常的做法是在 `el-input` 的外面添加一个容器，然后动态计算行号并绑定到每个输入框上。例如，你可以创建一个计算属性来跟踪当前是第几行，然后在 DOM 模板中插入行号标签：

<template>
  <div>
    <el-input v-for="(item, index) in items" :key="index" :value="item.value"></el-input>
    <span v-for="i in currentRow + 1" :key="i">{{ i }}</span> <!-- 当前行号 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [], // 定义你的输入项数组
      currentRow: 0, // 初始化当前行数
    };
  },
  computed: {
    currentRow() {
      return this.items.length - 1; // 计算最后一个输入框的行号
    }
  }
};
</script>