首页 >> 牛刀云小程序开发教程 >> 第2篇 开发模式 >> 页面开发 >> 开发JS

14.1.1 用代码实现组件事件

组件提供的操作是有限的,操作不够用时,可以使用代码编辑器中提供的方法,不过这里的方法也是有限的,再不够时,就直接写JS代码。

在组件事件中写JS代码的方法是:在组件的事件中选择“写代码”,事件的下方会显示出“事件方法”,单击“事件方法”后侧的“跳转”按钮切换到JS代码页。在JS代码页中,可看到新添加的组件事件,在这里写JS代码。

圆角矩形: 特别说明:单击“跳转”按钮是关键的一步,只有单击“跳转”按钮才能生成JS代码。编辑JS文件既可以在页面的JS编辑区编辑,也可以切换到IDE中编辑,切换前注意保存文件。

在“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);

  }

}