微信小程序问题记录

最新推荐文章于 2022-10-24 09:17:23 发布

风铃峰顶

最新推荐文章于 2022-10-24 09:17:23 发布

阅读量165

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/haoranhaoshi/article/details/100539144

版权

微信小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

（1）自定义属性data-命名：
<view data-index="{{index}}" bindtap="itemDelete">❌</view>

itemDelete: function(e) {
}

data-后不能写itemIndex，需写成itemindex，即全部小写。

---------------------------------
（2）JS文件之间调用方法：
想在js文件中导出，
var A = function(a,b){
}
或者
const A = (a,b) => {
}
需写成：
function A(){
}

然后配合：
module.exports = {
A: A
}
第一个A是JS文件对外暴露的方法名称，第二个A是JS文件内部方法名称。
调用JS文件的地方写：
const AJS = require(相对路径，./为同级路径，../为父级路径);
AJS.A();

---------------------------------
（3）<view>A\nB</view>
显示AB，不能实现换行，
需写成<view><text>A\nB</text></view>

---------------------------------
（4）转发和页面跳转时地址中对象数组需以Json字符串的方式传递，传时包装：JSON.stringify(对象数组)，收时拆装：JSON.parse(items)。

---------------------------------
（5）跳转页面的方法：wx.navigateTo会在栈中保留当前页面，同时此页面的数据也会保存；wx.redirectTo会在栈中删除当前页面；wx.navigateBack会返回前面的页面，参数delta是页面的栈值，即层数，当前页面为0，上一个为1，默认为1。如果当前栈中已经没有其他页面，调用此方法返回其他页面会报：navigateBack:fail cannot navigate back at first page。

---------------------------------
（6）wx:for需搭配wx:key提示对象的唯一标识，使渲染时是更新，而非不是重新创建，以提升效率。wx:key="对象的属性名称或者用*this表示对象整体为唯一标识"。

---------------------------------
（7）text中加入空白字符，不能用，也不能直接用 ，必须加入decode="true"。
示例：<text decode="true"> 图表分类：</text>

---------------------------------
（8）子在父中水平居中，父中加入：
display: flex;
justify-content: center;

---------------------------------
（9） Unexpected token d in JSON at position 2，表明json字符串有问题，检查key是否加了""，{}的}是否错误加了,等。

---------------------------------
（10）text的父亲设置垂直居中：
height: 30px;
line-height: 30px;

---------------------------------
（11）等效的对属性设置：
this.setData({
   ["chartData.series"]: series
})

var chartData =   this.data.chartData
chartData.series = series
this.setData({
   chartData:chartData
})