How does Mini Program textarea two-way data binding?

when I worked on Mini Program project for the first time, I have been stepping on it all the time. Through value= "{{json.content}}" and {{data.json.content}} in the textarea tag, I can"t render it in either way

<textarea class="fs14" value="{{json.content}}" bindinput="_input" rows="3" placeholder="" maxlength="100" hidden="{{dleg3}}">
    <text class="currentWordNumber fs12">({{currentNoteLen|0}}/{{noteMaxLen}})</text>
</textarea>

data: {
        maxlength: 100,
        noteMaxLen: 100,
        currentNoteLen: 0,
        json: {
            id: "",
            vcardUserId: "a20",
            content: "",
            openState: ""
        }
    },
    
_input(event) {
    let value = event.detail.value,
        len = parseInt(value.length)
    let that = this
    this.setData({
        currentNoteLen: len,
        "json.content": value
    })
},

_getWelcomes() {
    model._getWelcomes(this.data.json).then((res) => {
        this.data.json = res.data.vcardWelcome
        // , this.data.json.contenttextareavalue
        console.log("this.data.json", this.data.json);
        
    }).catch((errMsg) => {
        console.log(errMsg)
    }).finally(() => {
        console.log("..")
    })
},

data printing
clipboard.png

Jun.27,2021

assignment cannot be directly assigned. It needs to be assigned in setData before it will be rendered on DOM

.
this.setData({
    'data.json': res.data.vcardWelcome
})
Menu