vue中如何让表单点击的时候选中表单中的内容？

有这么一个场景，当你想修改用户名或其他inupt里面的值得时候，要一个个删除里面的内容或全选清空，为了提高用户体验，可以当click input 的时候将input的值全部选中，用户输入的时候直接替换掉原来的内容，就不需要手动删除或全选删除内容，这或多或少对用户友好一点。来吧上代码。

html部分

  <input type="text" class="inp bg" placeholder="商家账号" autofocus="autofocus" v-model="userName" @click="selectValue($event)">

js部分

 <script>
    export default {
        data(){
            return {
                userName:"",
            }
        },
        methods:{
            // 点击input表单的内容
            selectValue(e){
                console.log(e);
                e.currentTarget.select();
            },
    }
</script>

打完收工，哈哈哈哈哈

当你的才华无法瞒足你的梦想的时候，就静下来好好学习，静不下来呢？那就去浪啊！加油。掉发之路还长着