我有動態行，它通過單擊按鈕或掃描輸入成功添加新行，現在的問題是我無法專注于新行。演示https://i.stack.imgur.com/i72Vp.gif代碼為避免混淆，我已對代碼中的所有行進行了注釋。Template<table class="table table-bordered table-striped table-hover">    <thead>        <tr>            <td><strong>Serial Number</strong></td>            <td width="50"></td>        </tr>    </thead>    <tbody>        <tr v-for="(row, index) in form.barcode_serial_number" :key="index">            <td>                <el-input ref="barcode" v-model="row.barcode_serial_number"></el-input>            </td>            <td>                <el-link v-on:click="removeElement(index);" style="cursor: pointer">Remove</el-link>            </td>        </tr>    </tbody></table><div>    <button type="button" class="button btn-primary" @click="addRow">Add row</button></div>Scriptdata() {    return {        form: {            barcode_serial_number: [], //get data of all rows        },    }},created() {    //scanner    const eventBus = this.$barcodeScanner.init(this.onBarcodeScanned, { eventBus: true })    if (eventBus) {        eventBus.$on('start', () => {            this.loading = true;            console.log('start')        })        eventBus.$on('finish', () => {            this.loading = false;            console.log('finished')            // add new row when scan succeed            this.$nextTick(function () {                 this.form.barcode_serial_number.push({                    barcode_serial_number: ''                });            })        })    }},methods: {    // add autofocus to new row    focusInput() {        this.$refs.barcode.focus();    },    // add new row by clicking button    addRow: function() {        var barcodes = document.createElement('tr');        this.form.barcode_serial_number.push({            barcode_serial_number: ''        });    },    // remove row by clicking button    removeElement: function(index) {        this.form.barcode_serial_number.splice(index, 1);    },}問題如何在新添加的行上設置自動對焦？