uniapp中u-input占位符不和光标一起动

在UniApp中，如果你遇到`u-input`组件的占位符（placeholder）不随着光标移动的问题，这通常是因为占位符文字默认情况下是静态显示的，并不会跟随输入焦点的改变而动态变化位置。不过，你可以通过设置一些自定义样式或者使用`v-model`结合JavaScript来解决这个问题。

一种解决方案是给`u-input`添加一个`@focus`和`@blur`事件监听器，当输入框获得焦点时显示占位符，失去焦点时隐藏：

<u-input v-model="inputValue" :placeholder="placeholderText" @focus="showPlaceholder" @blur="hidePlaceholder"></u-input>

<script>
export default {
  data() {
    return {
      inputValue: '',
      placeholderText: '请输入内容',
    };
  },
  methods: {
    showPlaceholder() {
      this.$refs.input.setAttribute('placeholder', ''); // 移除占位符
    },
    hidePlaceholder() {
      this.$refs.input.removeAttribute('placeholder'); // 添加占位符
    },
  },
};
</script>

在这个例子中，当你开始输入或者清空输入框时，占位符就会自动消失或重现。