14.1.1 用代码实现组件事件
组件提供的操作是有限的,操作不够用时,可以使用代码编辑器中提供的方法,不过这里的方法也是有限的,再不够时,就直接写JS代码。
在组件事件中写JS代码的方法是:在组件的事件中选择“写代码”,事件的下方会显示出“事件方法”,单击“事件方法”后侧的“跳转”按钮切换到JS代码页。在JS代码页中,可看到新添加的组件事件,在这里写JS代码。
在“13.3 实战案例 Hello World”一节中,用代码实现输入框组件的值改变事件,完整JS文件代码如下:
import PageImpl from "$UI/wxsys/lib/base/pageImpl";
var app = getApp();
export default class IndexPage extends PageImpl {
constructor(...args){/*{{{*/this.comp = require("_comp").default;
this._e= require("_event_").default;/*代码提示的辅助代码}}}*/
super(...args);
}
onInputValuechange(event/*{{{*/=this._e.input_valuechange/*}}}*/){
let hi = "Hello:" + event.value;
this.comp("tableData").setValue("fshuchu", hi);
}
}