页面报错this.$refs.weightInput.select is not a function"

如果页面报错 `this.$refs.weightInput.select is not a function`，可能是因为 `$refs` 中的元素还没有被渲染出来。在 Vue 中，DOM 元素需要经过一定的生命周期才能被正确地获取。

为了解决这个问题，您可以在 `nextTick` 中获取元素并执行选中文本的操作。`nextTick` 是 Vue 提供的一个异步方法，用于在 DOM 更新后执行回调函数。

具体实现步骤如下：

1. 在 input 元素上添加 `ref` 属性，以便在 Vue 实例中获取该元素。

<template>
  <div>
    <input type="text" ref="weightInput" v-model="weight" @focus="selectText">
  </div>
</template>

2. 在 Vue 实例中定义 `selectText` 方法，该方法在 input 元素获得焦点时自动选中文本。

export default {
  data() {
    return {
      weight: '',
    };
  },
  methods: {
    selectText() {
      this.$nextTick(() => {
        this.$refs.weightInput.select();
      });
    },
  },
};

通过在 `nextTick` 回调函数中获取元素并执行选中文本的操作，就可以确保元素已经被正确地渲染出来。

希望对您有所帮助！