在使用ts开发小程序的过程中,遇到了一些开发工具和ts使用方面的一些问题,并记录了解决方法
1. ts开发过程中类型指定问题
type ' number ' isnotassignabletotype ' number '
例如:
constc : number=statistics.getlike count ()
无法指定类型。 不能直接指定为number,因为在提示后返回值可能为undefined。 因此,必须考虑undefined类型
解决方法:
constc : number=statistics.getlike count|| 0这样就可以了
或者
const c=statistics.getLikeCount () let c2=c==null? c : 0 2. 微信开发者工具保留控制台日志
在使用ts编译js的过程中,可能会出现一些错误,但缺省的微信开发人员工具会直接清除控制台日志,因此您看不到问题出在哪里
解决方法:
控制台-齿轮-预定义日志
3. ts开发小程序中设置data值
js版本用于设置data数据的语法。
this.setData({} )但是,在ts中,这样写将继续导致错误,指示可能会为data设置undefined值,因此必须指定设置的data值非空值才能通过编译
解决方法:
//第一种方法:设置值时,添加! 将非空数据标记为this.setData! () ) ) ) ) )上的行加上((/) ts-ignore )意味着跳过ts检查。 注意:上一个) /是必需的//(ts-ignore _ this.setdata (3358 ww.) ) ) 65
因为在小程序的wxml中似乎无法以定义的方式传递参数,所以data-
例如:
image src=' . ' bind tap=' showvideoinfo(} ' data-arrindex=' { index } '/image必须将参数传递给show video info ()方法
例如,数据获取:
获取showvideoinfo(e:any )//页面定义的索引,随后的自定义属性为小写const index : number=e.target.dataset.arrindex ) http://www
如果wxss需要设置当前页面的整体背景颜色和其他设置,则直接设置最外面的view属性是不合适的,因为只能设置此view那样的背景颜色,所以只需直接设置page样式即可表示当前页面
page { background-color: #000; }