Vue render function render input box bi-directional data binding

render the input box with the render function, but the input box v-model cannot bind data
className: "aaa"

classContent (h, {node, data, store}) {

      return (<div>
                <el-input placeholder=""  v-model={this.className}></el-input>
                <el-button on-click={() => (console.log(this.className))}>click</el-button>
                </div>);
  }

enter the content casually, and click on click output or "aaa"," how to bind it

Mar.14,2021

(<div>
 <el-input placeholder=""  value={this.className} on-blur={(e) => (console.log(e.target.value))}></el-input>
 </div>);

v-model is the variable name, without {}



try adding this babel plug-in

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-1b37176-2c04a.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-1b37176-2c04a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?