小编Pas*_*aud的帖子

我正在尝试在 Vuetify 中动态设置文本字段的值，将其聚焦并选择其文本（以便用户能够在必要时快速重置该字段）。我得到的错误是“选择不是函数”。这适用于普通文本输入，但不适用于 Vuetify 文本字段。

<template>
    <vContainer>
        <vTextField
            ref="input"
            v-model="input"
        />
        <vBtn
            @click="test"
        >
            Select
        </vBtn>
    </vContainer>
</template>

<script>

export default {
    data: () => ({
        input: null,
    }),

    methods: {
        test() {
            this.input = 'test value';
            this.$refs.input.focus();
            // this.$refs.input.select(); -> TypeError: this.$refs.input.select is not a function
        },
    },
};

</script>