前端开发中正在踩得坑

vant 使用：

1、vant-radio 中的name是字符串，回显的时候要让它选中，必须从后端获取到的接口数据用toString()也转换成字符串

2、写样式 style 中有 scoped:

如果是要强制修改全局中的样式属性，不能在scoped 中写；直接在style中修改。

3、vue 上线打包修改静态资源后不生效问题，修改了图片的名称，展示的还是原来的老图片

https://blog.csdn.net/liang526011569/article/details/80323733

4、使用overflow:scroll;当页面嵌套在APP中，下拉后无法上拉问题。

类似于将vant中的list 嵌套在中国移动的APP中，scroll滑动到最下面无法上拉的问题，可以实施。

5、样式在本地写是没问题的两个vue文件中都写了相同的类，样式不同，没有用scoped，在本地是不同的页面展示不同的样式，打包到测试环境就之后后面的样式会覆盖前面的，有一个文件中的样式不起作用。

6、vue微信分享和ios二次微信分享invalid signature解决

npm install weixin-js-sdk
页面中引入
import wx from 'weixin-js-sdk'

methods: {
   
	init() {
   
		var that = this;
		var url = encodeURIComponent(window.location.href.split('#')[0]);
		http.post(api.getSdk,url,function(data){
   
				let appId = data.appId;
				let timestamp = data.timestamp;
				let signature = data.signature;
				let nonceStr = data.nonceStr;
				that.initwx(appId, timestamp, signature, nonceStr);
		})	
	},
 
	initwx(appId, timestamp, signature, nonceStr) {
   
		var link = window.location.href;
		var imgUrl = 'https格式的图片'
		var shareData = {
   
			"imgUrl": imgUrl,// 分享显示的缩略图地址 ,根据自己情况而定
			"link": link,// 分享地址
			"desc": '描述',// 分享描述
			"title": '标题'// 分享标题
		};
		wx.config({
   
			debug: false,//调试模式
			appId: appId,// 公众号的唯一标识
			timestamp: timestamp,//生成签名的时间戳
			nonceStr: nonceStr,//生成签名的随机串
			signature: signature,
			jsApiList: ['onMenuShareTimeline', //
			'onMenuShareAppMessage'] //
		});
		wx.checkJsApi({
   
			jsApiList: ['onMenuShareTimeline'