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

Menu