微信小程序:【view】中的js代码操作合集!
2023-09-11 14:15:10 时间
########################### 【前台 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]中绑定的变量值】
},
相关文章
- JS框架_(JQuery.js)绚丽的3D星空动画
- JS框架_(JQuery.js)网页文字评论弹幕
- JS框架_(Popup.js)3D对话框窗口插件
- 【nodejs原理&源码赏析(4)】深度剖析cluster模块源码与node.js多进程(上)
- 微信QQ的二维码登录原理js代码解析
- fastadmin自定义js文件加载方法
- 如何使用微信JS-SDK实际分享功能
- Node.js模块
- 微信QQ的二维码登录原理js代码解析
- [State Machine] Zag-js
- [Immutable,js] Immutable.Record() as data models
- [Js/Jquery]天气接口简单使用
- js this是什么?[多次书写]
- Atitit stomp.js conn连接activemq 目录 1.1. activemq 启动,已经默认开启了stomp ws的接口。。地址是1 1.2. Js 客户端代码1 1.3
- Atitit js es5 es6新特性 attilax总结
- 〖大前端 - 基础入门三大核心之JS篇⑤〗- JavaScript中的数据类型之字符串类型
- web.js
- $.ajax传输js数组,spring接收异常
- JS:crypto-js模块实现数据加密解密
- babel配置项目目录支持转换es6语法,引入非项目目录js后,引入Js转换无效
- js与ios桥接使用WebViewJavascriptBridge简单理解
- js之数码时钟加随机变色
- 微信小程序前端wxml调用js方法并获取返回值
- 【JS高级】js之正则相关函数以及正则对象_02
- 微信小程序——标签wxml、样式wxss、js、json
- JS优化循环结构(经典)
- JS从0到1——823. 排列