這篇文章主要介紹了微信小程式資料封裝及參數傳值等經驗總結的相關資料,需要的朋友可以參考下
微信小程式開發總結:
一: 參數傳值的方法
1: data-id
我們可以為HTML元素新增data-* 屬性來傳遞我們需要的值,使用方法說明:
(1)設定data-id
<view class="block" bindtap="playTap" data-id="{{modle.id}}">
(2): 取值+ 傳值
playTap:function(e) { const dataset = e.currentTarget.dataset; wx.navigateTo({ url: '../play/index?id='+ dataset.id }) console.log(dataset.id); }
(3):取值
onLoad:function (param) { //页面初始化 this.setData({ currentId:param.id }) }
data-注意事項:data-名稱不能有大寫字母,曾經我就因為大寫了一個字母,找了半天的才發現這個錯誤..data-*屬性中不可以存放物件
2: 設定id 的方法標識來傳值
使用方法說明:
(1)設定id
##
<view bindtap=“playTap" id="{{modle.id}}">
#
<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">
onLoad (params){ app.fetch(API.detail + params.id,(err,data) => { }) }
const api = { interface1: 'https://........', interface2: 'https://.......', interface3: 'https://....', ..... } module.exports = api;
fetch(url,data, callback) { wx.request({ url, data: data, header: { 'Content-Type': 'application/json' }, success(res) { callback(null, res.data); }, fail(e) { callback(e); } }) },
import API from "../../api/api.js"; const app = getApp(); const conf = { data:{ title:'正在拼命加载中...', loadding:true }, onLoad (){ app.fetch(API.hot,{},(err,data) => { }) },
<template name="homecell"> <view class="item"> </view> </template>
##
<import src="../../commonXml/homecell.wxml" />
<template is="homecell" data="{{item}}"></template>
比較好用的屬性與方法
var obj = []; var obj = new obj(); var obj = Object.create(null);
dic[“key”] = “value”;
delete dic[“key”];
dic.clear();
#
delete dic;
Object.keys(obj);
obj.name || obj['name']
注意: 數值鍵名不能使用點運算子(因為會被當成小數點),只能使用方括號運算子。 7 檢查
變數
if(obj.name) || if(obj['name'])
8 in 运算符用于检查对象是否包含某个属性,如果包含返回true,否则返回false
if ( ‘x' in obj) {return 1}
9 for … in 循环用来遍历一个对象的全部属性
for (var i in obj) { console.log(obj); }
10 with 语句作用: 操作同一个对象的多个属性时,提供一些书写的方便
with(obj) { name1 = 1; name2 = 2; } 等同于 obj.name1 = 1; obj.name2 =
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
以上是微信小程式資料封裝及參數傳值等經驗總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!