阅读 31

小程序常用基础语法精选

最近在看小程序文档整理下简单的语法场景




<import src="../temp.wxml" />
<view class="container">
    <view>首页view>

  
    <view>{{deviceInfo.system}}view>
    <van-toast id="van-toast" />
    <van-button type="primary" bind:click="goNext">跳转van-button>

  
  <view id="item-{{id}}" data-id=‘{{id}}‘ bindtap=‘getCustomProperties‘>点击我获取自定义属性view>
  <checkbox checked="{{false}}"> checkbox>
  <checkbox checked="{{true}}"> checkbox>
  
  <view hidden="{{flag ? true : false}}"> Hidden view>
  
  <view> {{a + b}} + {{c}} + d view>
  <view> {{2 + 2}} + d view>

    
    <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i" wx:key="*this">
        <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j" wx:key="*this">
            <text> {{i}} * {{j}} = {{i * j}}text>
        view>
    view>
  
  
  <block wx:for="{{[4, 5, 6]}}" wx:key="*this">
    <view> {{index}}---{{item}}--节点 view>
  block>

    
    <template is="a" data="{{...item}}" />
    <template is="b" data="{{...item}}" />

    
    <view wx:if="{{5 > 6}}"> 1 view>
    <view wx:elif="{{5 > 2}}"> 5 view>
    <view wx:else> 3 view>
view>
  data: {
    id: 0,
    flag: true,
    a: 1,
    b:2,
    c:5,
    // 模板数据
    item: {
      index: 0,
      msg: ‘this is a template‘,
      time: ‘2016-09-15‘
    },
    deviceInfo: {},
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse(‘button.open-type.getUserInfo‘)
  },
  getCustomProperties(e){
    console.log(e.currentTarget.id,‘组件属性(比如id=xx)获取‘)
    console.log(e.currentTarget.dataset.id,‘自定义属性(data-xxx)获取‘)
  },


<template name="a">
  <view>
    <text> {{index}}: {{msg}} text>
    <text> Time: {{time}} text>
  view>
template>


<template name="b">
  <view>
    <text> {{index}}: {{msg}} text>
    <text> Time: {{time}} text>
  view>
template>

 页面传参 取参

  goNext(){
    wx.navigateTo({
      url: "../test/test?id=12"
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options,‘options.xx就可以获取上一个页面带过来的参数‘)
  },

  原创未经允许不得转载!!!转载请注明出处~谢谢合作;

原文:https://www.cnblogs.com/lhl66/p/12929013.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐