san框架计数的textarea

san框架计数的textarea

<template>
    <div style="height: 100%;width:100%;">
        <div style="border-bottom: 1px solid #e7e7e7">
            <div style="height:230px;overflow: hidden;">
                <t-textarea id="cxfssy" value="{= cxfssy =}" maxlength="120"/>
            </div>
            <div align="right">
                <span>{{zs}}/120</span>
            </div>
        </div>
    </div>
</template>

(function ($manager) {
    $manager.defineComponents({
        ...
            initData: function () {
                return {
                    zs: '120',
                }
            },
            attached: function () {
                var that = this;
                $("#cxfssy").on("keyup",function (){
                    var cxfssy = that.data.get("cxfssy");
                    if (cxfssy){
                        that.data.set("zs",120 - cxfssy.length);
                    }
                })
            },
            getCxfssy: function (){
                return this.data.get("cxfssy");
            },
        }
    })
})($manager);