QQ在线咨询
售前咨询热线
15821572819
售后咨询热线
15821572819

微信小程序:【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的事件名称

key_



########################### 【后台 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]中绑定的变量值】



},




注:本文转载自csdn,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

分享