可以试下 4.1.2 的版本
miniprogram-computed哪里用错了么?用ts创建项目之后下载miniprogram-computed,根据文档导入 [图片] 然后报错[图片]
2021-08-31https://github.com/wechat-miniprogram/computed
小程序有没有类似vue或者mobx提供的计算属性?小程序有没有类似vue或者mobx提供的计算属性? 比如登录的这个业务场景: 需要输入账户,且账户位数是11位 需要输入验证码,且验证码位数是4位 此时,登录的按钮才可以点击。 目前小程序里面实现是这样的: [代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码] phoneValue: [代码][代码]''[代码][代码],[代码][代码] [代码][代码] verifyCodeValue: [代码][代码]''[代码][代码],[代码][代码] [代码][代码] canLogin: [代码][代码]false[代码][代码],[代码][代码] [代码][代码]},[代码][代码] [代码][代码]bindPhoneInput: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码] const phoneValue = e.detail.value;[代码][代码] [代码][代码] [代码][代码]this[代码][代码].setData({ phoneValue, canLogin: [代码][代码]false[代码] [代码]});[代码][代码] [代码][代码] const { verifyCodeValue } = [代码][代码]this[代码][代码].data;[代码][代码] [代码][代码] [代码][代码]if[代码] [代码](phoneValue && verifyCodeValue && phoneValue.length == 11 && verifyCodeValue.length == 4) {[代码][代码] [代码][代码] [代码][代码]this[代码][代码].setData({ canLogin: [代码][代码]true[代码] [代码]});[代码][代码] [代码][代码] }[代码][代码] [代码][代码]},[代码][代码] [代码][代码]bindVerifyCodeInput: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码] const verifyCodeValue = e.detail.value;[代码][代码] [代码][代码] [代码][代码]this[代码][代码].setData({ verifyCodeValue, canLogin: [代码][代码]false[代码] [代码]})[代码][代码] [代码][代码] const { phoneValue } = [代码][代码]this[代码][代码].data;[代码][代码] [代码][代码] [代码][代码]if[代码] [代码](phoneValue && verifyCodeValue && phoneValue.length == 11 && verifyCodeValue.length == 4) {[代码][代码] [代码][代码] [代码][代码]this[代码][代码].setData({ canLogin: [代码][代码]true[代码] [代码]});[代码][代码] [代码][代码] }[代码][代码] [代码][代码]}[代码][代码]})[代码] 这样的代价是需要在需要组合属性判断的地方,全部都维护一次canLogin来渲染页面,组合属性越多的话,代码维护就越麻烦,且非常不优雅。 有没有类似vue里面的computed,或者是mobx里面的computed这种计算属性的方式来应对这种业务需求呢?
2021-08-31推荐使用 ^4.0.5 版本,并用 ComponentWithComputed 构造器代替 Component 构造器。
Miniprogram-computed 无法编译通过,但是ts生成的js可以运行,请问什么原因?基础版本库:2.15.0 API 引用: "fast-deep-equal": "^2.0.1", "miniprogram-computed": "^4.0.1", "moment": "^2.29.1", "rfdc": "^1.1.4", 使用TypeScript开发 , TypeScript版本号:v3.3.3 使用报错: [图片][图片] 下面是Demo代码:https://developers.weixin.qq.com/s/CcC8GImK70os
2021-08-23把开发者工具右上角详情里的 “使用新的编译模块” 去除勾选就好了
开发者指南中体验小程序源码编译报错[图片]https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/
2020-05-06