0
点赞
收藏
分享

微信扫一扫

微信小程序:【view】中的js代码操作合集!



########################### 【前台 WXML】 ####################


< view class= "Row_1 green" id= "key_9" bindtap= 'Click' data-text= "91">9 </ view >


< view class= "Row_1 green" id= "key_8" bindtap= 'Click' data-text= "82">8 </ view >




【1】、 data-text= "91" // 给view赋值

【2】、bindtap='Click' // 后台JS的事件名称

【3】、id="key_8" // ciew的ID


########################### 【后台 JS】 ####################


/** 初始化和定义全局变量 */


data: {

id9: "key_9",

id8: "key_8",

id7: "key_7",

id_: "key_-",

id: "011"

},

/* 单击后的事件 */


Click: function (event)

{

console.log( this.data.id); // 向【console】输出显示内容

var value=event.target.id; // 获取当前控件的ID名称

var viewDataSet = event.target.dataset; // 获取view的text值,但是JSON格式,如:{text:82}

console.log(viewDataSet); // 可以显示看看什么值。

var viewText = viewDataSet.text; // 获取view的text值,如:data-text="82"

this.setData({ id: viewText}); // 【设置[Data]中绑定的变量值】


},


举报

相关推荐

0 条评论