When iview uses render to create Input components, automatic focus can only be triggered once?

using the iview framework, I want to implement a click of a button to trigger the automatic focus function of Input. The key code is as follows: 

render: (h, params) => {
    if(params.index == this.editIndex){ //Input
        return h("Input", {
            props: {
                value: params.row.name,
                autofocus: true    // iview Input
            },
            on: {
                "on-focus": (e) => {    //input
                    this.editIndexText = params.row.name
                    e.srcElement.select();
                },
                "on-blur": (e) => {    //index
                    this.editIndex = -1;
                    console.log(e)

                },
                "on-keyup": (e) => {
                    console.log(e)
                    if(e.code == "Enter"){
                        this.editIndex = -1;
                    }
                }
            }
        }, params.row.name)
    }else{    //
        return h("p", params.row.name)
    }

when you click modify, render renders the Input component and automatically gets the focus, but the effect is only displayed for the first time.

clipboard.png

the reason is why, is there a solution? I"ve been studying it for a long time. Ask the Great God to tell.

Vue.js iview
Sep.18,2021

the reason is unknown.
use ref to specify Input, and click the modified $nextTick to solve

. The reason for 
  
 is very simple. In fact, whether you use render or Input, directly used in template, if Input exists in the html document from beginning to end, autofocus will only be triggered once. Because when the Input is generated, the focus defaults to the Input element, so if you click somewhere else, does it still let the focus come back automatically? Although the Input box is sometimes hidden, it is still in the document, so when it is displayed again, it just changes the display property and certainly cannot focus the past again (focus again is unreasonable). The 
 solution is usually to use JS to call the focus function of the virtual DOM of the Input component when focus is needed. You can use refs.

Previous: How to implement a template engine in the form of list similar to that used in CMS?

Next: How does the external network access the local server?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e639cc-45a49.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e639cc-45a49.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?