菜鸟虚心请教微信小程序的问题,为什么在attached后面加了function()之后就不会执行?

最近在学微信小程序,跟着里面的老师走了一遍。

 lifetimes: {
    attached:function(){
      var that = this;
      console.log(that.properties.rate);
    }  
  }

按照这样的代码执行之后,控制台不会显示收到的rate变量。
然后我就比较了下面两段代码:

 lifetimes: {
    attached:function(){
      console.log("123");
    }      
  }
 lifetimes: {
    attached:
      console.log("123")
  }

发现下面一段执行,上面一段不执行。这是为啥。
帮帮我这个菜鸟吧!万分感谢!

3个回答

libVersion修改一下,如2.6.5

个人理解 第一段的 attached是一个函数,你没有调用肯定不能执行, 第二段的 attached 相当于只是一个表达式,所以就相当于赋值

你好!我遇到和你一样的问题。我把现有的代码拷贝给你看看

// components/starts/starts.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    rate: {
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  },

  attached: function () {
    console.log("======================里面执行啦!!!!");
      var that = this;
      console.log("22222222222222222")
      var rate = that.data.rate;
      console.log("==================rate="+this.properties.rate);
      var intRate = parseInt(rate);
      var light = parseInt(intRate / 2);
      var half = intRate % 2;
      var gray = 5 - light - half;
      console.log("==================");
      console.log(light);
      console.log(half);
      console.log(gray);
      console.log("==================");
  },
  lifetimes: {
    // 生命周期函数,可以为函数,或一个在methods段中定义的方法名
    attached: function () {
      onsole.log("======================222执行啦!!!!");
     },
    moved: function () { },
    detached: function () { },
  }
})

和官方文档说明的有点不一样,lifetimes字段里面的attached不会出现覆盖的情况,我直接在外部写attached就能拿到我们想要的效果的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
问题多多,菜鸟虚心请教!
1、rnCREATE OR REPLACE FUNCTION OK(Y IN NUMBER)rnRETURN NUMBER ISrnZ NUMBER;rnBEGINrnIF Y>0 THENrnZ:=1;rnELSErnZ;=-1;rnENDIF;rnRETURN Z;rnEND;rn警告:创建的函数带有编译错误!rn2、rnDBMS_OUTPUT.PUTLINE()为什么不可以单独用呢?必须要防在BEGIN END 之间吗?rn为什么呀?还有什么别的函数属于这一类吗?rn3、rn我想定义一个变量,怎么输出其值?rn4、怎么样查看以USER 和V$ 开头的所有视图,都有哪些??
菜鸟虚心请教
rnpublic class Student rn private String name;rn private int age;rn public Student(String name,int age)rn rn this.name=name;rn this.age=age;rn rn public static void main(String[] args)rn rn Student st1 = new Student("zhang",20);rn Student st2 = new Student("zhang",20);rn if(st1.equals(st2))rn System.out.print("xiangdeng");rn elsern System.out.print("buxiangdeng");rn rn rn rnrn为什么输出buxiangdeng?
菜鸟虚心请教!
java中关于“使用或覆盖一个不鼓励使用的API。”的问题是什么意思?rn还有try catch语句的功能是什么?
微信小程序 that.setDate is not a function
![index.js](https://img-ask.csdn.net/upload/201708/07/1502089578_308698.png)n![报错信息](https://img-ask.csdn.net/upload/201708/07/1502089659_894519.png)n接口返回信息 可以打印处理 “ok” n请求大神们指导下!!!!!!
微信小程序success:function(res)理解
最近跟着学微信小程序对接接口。做个笔记,记下对wx:request请求中的success:function(res)回调函数中的参数“res”的理解。 res = {data:"开发者服务器返回的内容"} 我把res这个参数理解为一个Object。 res.data指服务器返回的内容。res参数还有其他的属性,比如statusCode(指开发者服务器返回的 HTTP 状
微信小程序:认证注册微信小程序之后,正确登录微信小程序后台管理
       由于网上有太多篇关于小程序登录的坑人博文,造成视觉误导,本人已经吃亏,为了防止更多人被误导,本篇博文就来讲讲认证注册成功小程序之后,怎么正确登录到小程序的管理后台。申请微信小程序并认证的步骤参见三掌柜发布的名为“微信小程序:微信公众号申请微信小程序并认证的步骤”这篇文章,这里只介绍怎么正确登录到微信小程序管理后台界面。         发现一个问题,之所以被误导就是因为没有正确登录...
(function())()为什么会被执行?
(function()...)();rnrn为什么这样function()....会被调用?
菜鸟虚心请教,谢谢关注!
[size=11px][/size][size=14px][/size]各位大虾,我是一名研一的新生,现在刚进入教研室参与一个项目,类似于土豆网那样的视频点播网站,我的任务是负责数据库这一块,选用的是oracle来做,俺本科是学电子的,对数据库不是很了解,恳请各位大虾给我提点建议,谢谢了!
偶是菜鸟,虚心请教!
#includern#includern#includernusing namespace std;rnrnint main()rnrn int cnt;rn vector vint;rn rn while(cin >> cnt)rn rn vint.push_back(cnt);rn rnrn if(vint.size()%2 != 0)rn rn cout << "元素个数必须为偶数!" << endl;rn cin >> cnt; //从这里开始的两个if语句为什么没有执行?rn vint.push_back(cnt); //测试条件满足的情况下?rn rnrn for(vector::size_type ix = 0; ix != (vint.size() - 1); ix += 2 )rn cout << vint[ix] + vint[ix+1] << endl;rn rn return 0;rn rnrnrnrn如上,读一组整数到 vector 对象,计算并输出每对相邻元素的和。如果读入元素个数为奇数,则提示用户再输入一个元素后求和,并输出其值。
为什么选择微信小程序
互联网风行这么多年,作为一个从事软件行当多年的老程序员也时常想梦想风口浪尖当猪的感觉。然而项目压身,没有太多时间来玩玩互联网方面的应用开发。借口听起来总是这么有理有据,App开发一直让我很纠结,同一应用在不同的手机平台需要使用不同的语言编写,这是让我想从事App开发最痛苦的原因。之前手机操作系统主要包括Android,iOS,WP三个平台,很高兴WP几乎死掉了(作为microsoft粉丝虽然很不舍
关于CXImage类库的问题,菜鸟虚心请教
我正在做一个查找已删除文件的浏览功能的MFC程序。前提是这个文件已删除了,但是已经查找到这个图片文件了,现在想浏览里面的内容(在picture控件中显示)。该怎么使用CXImage这个类库。在线等,谢谢!
菜鸟虚心请教:datagrid排序问题
我点击datagrid排序标题时页面显示即为空:rn代码如下:rnrn Private Sub DataGrid1_SortCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridSortCommandEventArgs) Handles DataGrid1.SortCommandrn 'sort(e.SortExpression)rn Dim MyConnection As New SqlConnection("server=127.0.0.1;database=**;uid=**;pwd=**")rn Dim MyCommand As New SqlDataAdapter("SELECT admin_id,admin_uid,admin_name,admin_pwd,admin_qq,admin_sex,admin_tel FROM admin ", MyConnection)rn Dim DS As New DataSetrn MyCommand.Fill(DS, "admin")rn Dim dv As DataView = New DataViewrn dv = DS.Tables("admin").DefaultViewrn dv.Sort = e.SortExpressionrn DataGrid1.DataBind()rn End Subrn问题出在什么地方了呢?
菜鸟问题,虚心求教!
请问各位主板为intel815的机器上的硬盘,里面装有mts,sqlserver2000,windows server2000,delphi5等软件,这些也是我的开发环境,我现在因为有事情,所以要把没编完的程序,拿到sis620的机器上继续完成,不知道把intel815的硬盘直接作为sis620机器的主盘,除了显卡,声卡驱动需要重装之外,还有没有别的问题。我的开发环境还可以用么?
datalist分页问题~~菜鸟虚心请教
小弟初学.net 现在用.net写了个datalist的分页,里面其它都正常,点上一页和下一页时都没问题.但是当在文本框中输入页码时,在跳转,上一页和下一页的按扭就显示错误的页面,觉的很奇怪,,搞了半天都搞不好..rn比如我有5页~我输入5跳到第5页~上一页按纽不可用,下一页按钮可用,但是连接=5~就是第5页...怎么办啊...有时下一页和上一页都可用,但是page值都不是正常的上页和下页值rn有没有大哥可以指点一下啊..非常感谢. rnrn上页和下页代码 rnif (!objpds.IsFirstPage) rn rn lnPrevPage.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(curPage - 1); rn lnPrevPage.Enabled = true; rn rn else rn rn lnPrevPage.Enabled = false; rn rn if (!objpds.IsLastPage) rn rn lnNextPage.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(curPage + 1); rn lnNextPage.Enabled = true; rn rn else rn rn lnNextPage.Enabled = false; rn rnrnrn点击跳转的代码: rnif (this.textbox1.Text.ToString() == "" ¦ ¦ Convert.ToInt32(this.textbox1.Text.Trim()) > objpds.PageCount) rn rn Response.Write(" "); rn rn else rn rn objpds.CurrentPageIndex = Convert.ToInt32(this.textbox1.Text.Trim()) - 1; rn lblCurrentPage.Text = this.textbox1.Text; rn rn rn rn rn DataList1.DataSource = objpds; rn DataList1.DataBind();
微信小程序 单选框选中之后为什么取消不了?
1,radio-group是radio的父级组件,而你的代码wx:for循环了radio-group,所以事实上你的代码是有很多radio-group,而不是一组radios。故而你的radio按钮可以多选; 2,之所以取消不了,是因为radio按钮本身所致,radio按钮本身的特性就是必须保持一个选中。...
微信小程序的问题
[img=https://img-bbs.csdn.net/upload/201804/26/1524748600_782168.png][/img]rnrn// 缓存 wx 接口方法名rn this.instanceSource = rn method: Object.keys(wx)rn rnrn__initMethods() rn rn for (let key in this.instanceSource) rn this.instanceSource[key].forEach((method, index) => rn rn this[method] = (...args) => rn rn // 判断是否为非异步方法或以 wx.on 开头,或以 Sync 结尾的方法rn if (this.noPromiseMethods.indexOf(method) !== -1 || method.substr(0, 2) === 'on' || /\w+Sync$/.test(method)) rn console.log('88888888888888888888')rn console.log(wx[method](...args))rn return wx[method](...args)rn rn rn return this.__defaultRequest(method, ...args)rn rn rn )rn rn.....rnrnrn----------------------------------rnthis[method] = (...args) 这句没看懂,请明白的给指导一下呢,谢谢了rn两个,1是this[method] 2j ...args
微信小程序 问题
1、页面滚动(非scrollview中)时,textarea控件随着滚动,内容悬停(类似fixed效果);真机上出现,模拟器正常。 A:将所在页面的view的高度height:100% 去除,page的 height:100% 去除   2、使用scroll-view时,在ios上会出现响应失效问题, A:关闭滚动,.json 中 &quot;disableScroll&quot;: true,   3、...
菜鸟请教一个小程序
使两个有序数列合并成一个有序数列,合并后数列仍然有序 (不得采用从新排序的方法)rn
微信小程序-微信小程序-v2ex
微信小程序-v2ex 前言 微信小程序 如果还不知道微信小程序的,请这边了解官方文档. 最新版0.9.092300(下载按钮被箭头挡住,需要审查元素找到下载链接),已经可以支持绝大部分api的调试,不需要再破解了。 运行 下载微信开发者工具最新版0.9.092300,创建新项目,导入即可看到运行效果 说明 本人出于兴趣,完成了这个简单的v2ex的微信小程序,只是为了熟悉api,纯粹好玩,欢迎star 由于微信小程序现在正在内测,还有不少问题,因此这个v2ex小程序最新tab内容点击主题会报错 现在代码和样式尚且粗陋,也有一些可待优化地方,因此欢迎有兴趣的同行与我一起继续完善,thx。 如有转载,请注明出处,谢谢! 效果预览: 感谢 v2ex数据api基本上使用了samuel1112的仓库v2er里封装的方法,特此表示感谢
微信小程序-微信小程序:音乐播放器
微信小程序: 音乐播放器 歌曲资源来源于 baidu音乐 截图 TODO 收藏列表 切换上一曲/下一曲
《微信小程序》微信小程序之头条新闻
简介上一篇文章,主要是介绍下微信小程序的开发环境安装和微信组件什么的一些基础的开发内容,所以最近一直在业余找练手的机会。由于之前没有接触过JS,自己学习起来还算是比较的吃力,一点一点的来吧!要持久。先看下效果: 代码已经开源
微信小程序-微信小程序demo
简介 这是微信小程序的demo项目, 练手之作, 对各种常用功能给出示例代码, 希望各位不吝补充. 使用方法 直接clone项目之后导入微信开发者工具即可. 大概是个什么样 一些额外说明 所有例子都是用ES6写的. 如果你有cocos2d-js开发经验, 那么这个项目就是在向cocos2d-js官方demo致敬. 我正在尝试将redux数据流引入微信小程序开发, 如果你有相关经验, 欢迎和我交流. css只能保存之后看效果, 尚没有什么好的调试手段. 开发建议 请注意事件无法绑定参数 下面的代码是无效的:<button type="primary">发送Ajax请求</button> 需要使用下面方法: <button type="primary">发送Ajax请求</button> ... handleBtn(e){ wx.navigateTo({ url: e.target.dataset.url }) }, 联系方式 拉了个qq群: 598632313
微信小程序-微信小程序-日历
微信小程序-日历 说明: 实现日历功能,包括阳历和阴历。 数据接口: 使用本地数据 目录结构: pages — 存放项目页面文件 utils — 存放格式化文件 开发环境: 微信web开发者工具 v0.11.122100 项目截图: https://www.getweapp.com/project?projectId=5892a2dc52e1e8733dc567ea
微信小程序-微信小程序-贪吃蛇
微信小程序-贪吃蛇snakeGame 微信小程序-小游戏项目(贪吃蛇) 微信小程序-贪吃蛇 功能: 得分计算/蛇长计算/游戏加速/蛇加长 (吃到食物, 蛇加长, 移动速度加快, 游戏结束计算得分/蛇长) 效果图集
微信小程序-微信小程序 for gank.io
微信小程序 for gank.io 界面预览 更新日志 【2016.10.2】主要界面 以tabBar形式展出 gank首页列表 技术支持页 仿wechat界面 【2016.10.3】 删掉tabBar,增加【发现】页 把wechat界面和技术支持放在【发现】里面 根据微信小程序设计规范改了字体大小和用色,推荐微信小程序设计指南 增加清空缓存功能 增加下拉加载更多功能 增加提交干货功能 【2016.10.4】 增加提交人ID 提交干货类型改成action-sheet选择 增加过场动画 【2016.10.7】 增加预览图片功能 增加下载保存图片功能(可能是因为模拟器的原因,下载和保存的API调用不了,console也没有报错,success和fail均捕捉不到,不知道真机上能不能用)
微信小程序-微信小程序编译
接口 首页 slide images categories categories categories.mainItems(5 or 6) 放到一个接口里 { slides: [ ...imgUrls ], categories: [ { cateName cateId cateIcon [...cateItems] } ] }
微信小程序-微信小程序天气
wxWeather 微信小程序 天气 以微信小程序的方式开发的一个天气应用 调用了微信内置的定位接口,百度地图接口,以及聚合数据提供的天气接口。 代码中隐去了接口的APIkey,使用时需要自行申请。
微信小程序-微信小程序-云课堂
微信小程序-云课堂 说明: 实现小提示功能,特色: 轮播图 动画 模板 数据接口: https://api.getweapp.com/vendor/ketang/index https://api.getweapp.com/vendor/ketang/course https://api.getweapp.com/vendor/ketang/mystudy 目录结构: pages — 存放项目页面文件 images — 存放图片文件 开发环境: 微信web开发者工具 v0.11.122100 项目截图: https://www.getweapp.com/project?projectId=5893187c52e1e8733dc567ee
微信小程序-微信小程序-artand
微信小程序-artand 说明: 实现artand客户端部分功能,包括推荐,新作,画作详情等,亮点功能: 顶部 Tab 切换 下拉刷新 上拉加载更多 数据接口: https://api.getweapp.com/thirdparty/artand/discover/home/rank https://api.getweapp.com/thirdparty/artand/discover/work/hot https://api.getweapp.com/thirdparty/artand/discover/work/new https://api.getweapp.com/thirdparty/artand/artid 目录结构: images — 存放项目图片文件 pages — 存放项目页面相关文件,包括discover,index,login,register,setting,work-detail等页面 utils — 存放数据获取api文件 开发环境: 微信web开发者工具 v0.10.102800 项目截图: https://www.getweapp.com/p
微信小程序-知乎微信小程序
微信小程序-知乎 说明: 实现了知乎客户端部分功能,包括: 列表式渲染数据 自定义顶部 tabbar 下拉刷新 上拉加载更多 轮播图 等... 数据接口: 使用本地数据 目录结构: data — 存放本地数据 images — 存放项目图片 pages — 存放项目页面相关文件,包括answer,chat,discovery,index,more,notify,question等页面 utils — 存放时间处理文件,可require引入 开发环境: 微信web开发者工具 v0.10.102800 截图地址: https://www.getweapp.com/project?projectId=58328d42bb2538f8186c706b 感谢: 本项目原始版本由RebeccaHanjw提供:https://github.com/RebeccaHanjw/weapp-wechat-zhihu
微信小程序-微信小程序-面包旅行
微信小程序-面包旅行 说明: 实现了面包旅行推荐列表,游记详情,兴趣点详情,游客评论,发现地点,热门景点等功能。 数据接口: https://api.getweapp.com/thirdparty/breadtrip/v2/index https://api.getweapp.com/thirdparty/breadtrip/destination/v3 https://api.getweapp.com/thirdparty/breadtrip/trips https://api.getweapp.com/thirdparty/breadtrip/destination/place https://api.getweapp.com/thirdparty/breadtrip/destination/place/pois https://api.getweapp.com/thirdparty/breadtrip/trips/waypoints https://api.getweapp.com/thirdparty/breadtrip/trips/waypoints/replies htt
微信小程序-微信小程序学习
wxapp 微信小程序学习 官方 官方教程 小程序开发文档 小程序设计指南 小程序开发者工具 demo演示
微信小程序-微信小程序 todoList
weixinApp 微信小程序toDoList 列表页面 简单的列表页面和数据添加,此时有一些问题 setData在清除一些用户交互的页面的时候有些问题。 inputA 是一个输入框,当我提交数据的时候,需要清除表单的数据,setData不能清除很好的清除。 添加数据 使用wx.setStorageSync(KEY,DATA). try { wx.setStorageSync('key', 'value') } catch (e) { } 删除数据 使用 wx.removeStorageSync(KEY) try { wx.removeStorageSync('key') } catch (e) { // Do something when catch error } 详情页面 此时用到路由机制 查看 模块化的测试 utils下的文件都是使用模块化的测试代码。 使用了一些ES语法 请查看/utils/test.js,实现了类似汉字转拼音的效果。 var res = test.getFullChars('中国'); 微信wx.request >wx.r
微信小程序-微信小程序案例
GyWxappCases 微信小程序案例 微信小程序 微信小程序开发文档 https://mp.weixin.qq.com/debug/wxadoc/dev/index.html 微信小程序设计指南 https://mp.weixin.qq.com/debug/wxadoc/design/index.html 微信小程序开发者工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 开源协议 本项目依据MIT开源协议发布,允许任何组织和个人免费使用。 项目地址 Guyoung Studio
微信小程序跳转微信小程序
1.在有一些公司,可能职能部门分工比较详细,每个部门针对自己的业务做了自己的小程序,但在有些时候需要用到别的部门小程序的,这时就需要在小程序之间做跳转,还好在小程序的更新文档中新增了小程序间跳转的api,以前直接通过api调用跳转即可,但在2018.11.1下午微信公众平台通知需做navigateToMiniProgramAppIdList配置,否则无法提交审核。 2.代码部分 (1)wxml...
微信小程序-微信小程序的手势密码
wx-gesture-lock 微信小程序的手势密码 使用https://github.com/lvming6816077/H5lock 这个库。
微信小程序-微信小程序2048
WeApp2048 WeApp2048 微信小程序2048 www.dqqdo.com ======= 微信小程序平台2048小程序 源码 we.dqqdo.com 截图:
微信小程序-微信小程序-手势解锁
微信小程序-手势解锁 说明: 实现了手势解锁功能。 数据接口: 使用本地数据 目录结构: pages — 存放项目页面渲染相关文件 lib — 存放手势解锁库文件 开发环境: 微信web开发者工具 v0.11.112301 项目截图: https://www.getweapp.com/project?projectId=5835bcd3bb2538f8186c70a9
微信小程序-博客-微信小程序
blog_cx > 作者:SeverHo 330967496@qq.com > 博客-微信小程序(爬坑专用) >小程序开发文档 入坑准备 js支持ES6 微信小程序的与众不同 .wxml:微信html文件 .wxss:微信css文件 响应式像素单位-rpx(responsive pixel),比rem好用:1rpx = 屏幕宽度/750 小程序的跟vue的设计相似:双向绑定,生命周期,MVVM模式 双向绑定:更新数据的同时同步视图,更新视图的同时同步数据 M-V-VM模式 M(model):data模型 V(view):UI VM(view model):通过双向绑定连接view和model MVC-C(controller):MVC模式的C,处理请求和响应,将model更新到view 项目结构 /assets:静态资源 /pages:各种页面 /lib:工具库 app.js:全局变量,方法(在页面js通过getApp()获取) app.json: 全局配置 app.wxss:全局样式 坑与爬坑 window对象在哪 爬坑:微信小程序用wx对象 调试,没有热
微信小程序-微信小程序 – Dribbble
Wechat-dribbble 微信小程序 - Dribbble coding... Screenshots
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法