zoukankan      html  css  js  c++  java
  • uni-app中小程序传参与其他类型项目的区别

    uni-app点击事件传参可以使用微信小程序的方式也可以是传统的js函数传参。主要看开发的项目中包不包含小程序

    传统js传参,直接在函数中传参即可(这种方式适合开发的项目中不包含小程序时使用)

    <div @click="handleClick('大狗子')">点我</div>
    
    handleClick(data){
          console.log(data)  //打印出 大狗子
    }
    

    小程序的事件传参,需要先定义data-,再在函数中获取(这种方式是小程序独有的,所以开发的项目包含小程序时,只能使用这种方式)

    <div @click="handleClick" data-big-dog='大狗子' :data-id="mid">点我</div>   //如果绑定动态数据,使用:data-即可
    //注意这里是data-big-dog时,函数中用dataset.bigDog获取,自动转成驼峰;若这里是data-bigDog,则函数中用dataset.bigdog获取,驼峰大写字母转成了小写;即使用-连接时,一律转为驼峰,不使用时,一律转为小写。
    
    handleClick(e){
          console.log(e.currentTarget.dataset.bigDog)  //打印出 大狗子
          console.log(e.currentTarget.dataset.id)
    }
    

    注:在Uniapp中测试,函数传参也可以使用,但建议使用data-传参

  • 相关阅读:
    tcp/ip协议
    linux系统优化项
    MySQL索引
    mysql命令中的group by 和 order by li'mit使用与技巧
    mysql命令
    WPF学习笔记01_XAML之简介
    【高精度】大整数的因子
    【高精度】计算2的N次方
    【高精度】大整数减法
    【高精度】大整数加法
  • 原文地址:https://www.cnblogs.com/huihuihero/p/12955577.html
Copyright © 2011-2022 走看看