开发智能名片小程序时遇到的技术问题以及解决办法

智能名片小程序，又叫电子名片小程序

关键词 this & that

this是相对于当前函数而言的。
如果在onLoad里定义了一个函数,并且需要调用根部数据则可以在onLoad里先定义一个变量that,将this赋值给that 那此时调用的that,则是相对于onLoad()的当前对象
onLoad函数内一个function需要用到setData;则可以在onLoad里先定义;再在function里调用that.setData

setData

对单个元素进行赋值
直接this.setData({ele : ele})
对数组赋值
先拼接字符串 eg:对Stu: ['Li' , 'Yang' , 'Wang']进行某一索引值

var index = 0
var str = "Stu[" + index + "]"
for(index = 0; index < length; index++)
this.setData({str : ""
})

对对象赋值首先let arr = this.data.arr 然后创造obj let obj = {} 对obj赋值——类似于数组赋值,在拼接字符串时,后面加上.属性即可最后用arr.push(obj)

数组push时被覆盖

问题描述这是一个数据库读取事件,actLine被加值后,在下次开启加值时,会将之前加的值替换,但对原本的值无影响,即几次push后,所有push的值都会变成最后一次push的值

//原代码
if(res.data.length != 0){   //查询成功时for(let i = 0; i < res.data.length; i++){obj.title =  res.data[i].titleobj.host =  res.data[i].hostactLine.push(obj)) console.log(i,actLine)
}

解决方法第五行push时将其改为以下内容

if(res.data.length != 0){   //查询成功时for(let i = 0; i < res.data.length; i++){obj.title =  res.data[i].titleobj.host =  res.data[i].hostactLine.push(Object.assign({}, obj))      //采用Object.assign将obj置于对象中再push给actLineconsole.log(i,actLine)
}

原理 Object.assign() : 将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象,返回目标对象。

icon与文字对不齐

问题描述使用vant组件库图标时,将icon与文字放在一个view标签里。显示情况,总是icon偏上一些,无论怎样调节字号都无效。

/*原代码*/
<view class="actLable"><van-icon name="label-o" size="40rpx" />{{item.lable}}</view>

解决办法在wxss里对vant-icon设置垂直居中即可

van-icon {vertical-align:middle
}

icon 换行与连续空格

换行 wxml里的/n或者br都不会被识别; 通过后台中传入的富文本换行,富文本中的\n会被当作字符串处理; 所以要在js里声明,wxml里调用

/*js*/
Page({data: {text: '这是一个段落 \n 看我变身换行',},
})

/*wxml*/
<view><text>这是一个段落 \n 看我变身换行</text>
</view>
<view><text>{{text0}}</text>
</view>

连续空格在view里输入多个空格,只会被当作一个处理;要放在text标签里,并且设置decode为ture ensp:中文字符一半大小 emsp:中文字符大小 nbsp:根据字体设置

<view><text decode="{{true}}">我要 开始   空格了(空格是中文字符一半大小)</text>
</view>
<view><text decode="{{true}}">我要 开始   空格了(空格是中文字符大小)</text>
</view>
<view><text decode="{{true}}">我要 开始   空格了(空格根据字体设置)</text>
</view>

智能名片小程序，又叫电子名片小程序

开发智能名片小程序时遇到的技术问题以及解决办法相关推荐

微信小程序 picker-view 的 bindChange延迟问题的解决办法
这里写自定义目录标题微信小程序 picker-view 的 bindChange延迟问题的解决办法微信小程序 picker-view 的 bindChange延迟问题的解决办法微信小程序的 pi ...
IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...
app中使用企业微信sdk分享小程序报错：小程序路径错误，加载超时解决办法。
问题描述: 在app中,需要调用企业微信skd,分享小程序给客户,客户打开小程序. 如果客户直接是企业微信中的,可以在企业微信中打开小程序. 但是,如果客户是微信中,用户在微信中打开小程序就报错. i ...
微信小程序关闭调试器警告sitemap的解决办法
我们在微信开发者助手开发小程序时,在调试时经常会出现警告sitemap,多页面程序时点击页面一次出现一次警告sitemap,很影响其他数据的显示. 下面是关闭警告sitemap的方法我们只需要打开p ...
微信小程序访问手机蓝牙需要用户授权解决办法
访问蓝牙.添加通讯录联系人.添加日历事件需要用户授权小程序处理用户的个人信息,需要获取用户明示同意,平台计划从2022年2月21日24时起对以下接口增加用户授权: 访问蓝牙:调用wx.openBlu ...
微信小程序申请医疗-就医服务类目解决办法
微信小程序申请医疗-就医服务类目申请解决办法选择方式为提供合同方式由于我们公司不是医院这种类型的公司,所以没有卫生部的批文,只能选择这一种方式. 准备审核需要的资料承诺函合同首尾页拍照,然后通 ...
运行PHP程序时提示“Notice: Undefined index”的解决办法
最近在调试网站程序的时候,不知道怎么经常出现"Notice:Undefined index"的提示,程序又可以正常运行,就是看到这个提示感觉有点不爽,把模板搞乱了,经查其实这个不是 ...
微信小程序模板消息41003 page路径错误解决办法
开发版: 模板消息的路径为: page: '/pages/main/detail?id=' + that.queryid + '&title=' + that.title 在服务通知里是可以进 ...
Win7 win8 win8.1安装.msi程序时出现2502、2503错误解决办法（zend studio.msi 安装汉化为例）...
最近安装zend studio的msi安装包的时候常常会出现代码为2502.2503的错误.其实这种错误是由于安装权限不足造成的,可以这种msi的安装包不像其他exe的安装程序,在安装包上点击&quo ...
解决微信小程序调试进入 paused in debugger 状态解决办法
每次保存编译后就弹出paused in debugger 这种情况很可能是不小心点到了,点掉下面这个就不会了

开发智能名片小程序时遇到的技术问题以及解决办法

开发智能名片小程序时遇到的技术问题以及解决办法

关键词 this & that

setData

数组push时被覆盖

icon与文字对不齐

icon 换行与连续空格

开发智能名片小程序时遇到的技术问题以及解决办法相关推荐

最新文章

热门文章