element的el-input输入框，选择性的靠右

`el-input`是Element UI库中的输入组件，用于创建简单的文本输入字段。它提供了一些预设的功能和样式，便于快速构建界面。

如果你想让 `el-input` 的输入框选择性地靠右对齐，通常需要通过CSS来实现。下面是一个基本的例子说明如何做到这一点：

<template>
  <div>
    <!-- 默认左对齐 -->
    <el-input placeholder="默认左对齐"></el-input>

    <!-- 右对齐 -->
    <el-input :append="rightAlignIcon" placeholder="右对齐" style="text-align:right;"></el-input>
  </div>
</template>

<script>
export default {
  name: 'InputAlignment',
  data () {
    return {
      rightAlignIcon: '<i class="el-icon-arrow-right"></i>'
    }
}
</script>

在这个例子中，我们添加了一个名为 `rightAlignIcon` 的属性，并设置其值为一个图标元素 `<i class="el-icon-arrow-right"></i>`。这个图标将作为输入框的“前缀”（prepend），在用户开始输入之前显示出来。同时，我们将 `.el-input` 的样式 `text-align` 设置为 `right` 来使其内容靠右对齐。

如果你希望仅当满足特定条件时动态改变对齐方式，可以利用JavaScript动态修改元素的CSS类或是属性。例如：

<template>
  <div v-if="shouldAlignRight">
    <el-input :append="rightAlignIcon" placeholder="右对齐" style="text-align:right;"></el-input>
  </div>
</template>

<script>
export default {
  name: 'InputAlignment',
  data () {
    return {
      shouldAlignRight: true // 控制是否启用右侧对齐
    }
  },
  methods: {
    toggleAlignment() {
      this.shouldAlignRight = !this.shouldAlignRight;
    }
  }
}
</script>

在这个例子中，`shouldAlignRight` 是一个布尔变量，控制 `el-input` 是否应该显示为右对齐。你可以通过外部触发函数（如按钮点击事件等）来改变这个变量的状态，进而改变输入框的对齐方式。

-