微信小程序：如何打印日志到控制台？

Question

我正在尝试在控制台中打印变量，为此我有以下配置。第一种方法工作正常，但包含参数的第二种方法不行。

在 index.wxml 文件中，我有：

<button onclick='test1'>Button 1</button>
<button onclick='test2("bar")'>Button 1</button>

在index.js中，我有：

Page({
  test1 {
    console.log('foo')
  },
  test2(v) {
    console.log('foo: ' + v)
  },
})

第二种方法有什么问题？

Answer 1

我知道你问这个问题已经有一段时间了，也许你不再需要答案了，但我也运行关注这个问题，所以其他人可能也会。

Page 是一个将 json 对象作为输入的函数。所以你应该像这样重写index.js：

Page({
  test1 : function() {
    console.log('foo')
  },
  test2 : function(v) {
    console.log('foo: ' + v)
  },
})

Page class 的文档很难找到，据我所知，他们还没有运行列出它。中文存在here

尽管这些在技术上是匿名函数，但您可以在 wxml 文件中使用 json 对象的键，就好像它们是函数一样。您的 wxml 文件基本上是正确的，但我不确定 onclick 是否真的有效。尝试 bindtap 或 bindchange.

This page有腾讯的英文文档说明如何处理WXML中的事件。我希望这对某人有所帮助！

Answer 2

亲爱的Guys.In微信小程序，如果你想给一个函数传递参数，你应该像下面这样，例如首先，您在 index.wxml

中编写点击事件

<view bindtap="handleTap" data-item="100"> passing arguments through events</view>

然后你可以在你的index.js文件中定义一个函数调用handleTap，比如

   handleTap:function(e){
      console.log(e);
      console.log(e.currentTarget.dataset.item); 
   }

现在点击可以在控制台看到数值日志，微信小程序通过属性"data-*"传递参数。

WeChat Mini-program: How to print log to console?