日常笔记一(键值(key)重复的错误,字符串拼串的方法,uni.app 判断平台 )_uniapp 字符串匹配方法

出现的问题

1. uni-app 页面使用多个v-for渲染数据,产生报键值(key)重复的错误的时候,给其键值单独识别 例如:

<view v-for="(item, index) in suggestlist" :key="'2' + index">
        <view class="way-content">
        	<text class="font-red">{{ item.title }}</text>{{ item.suggest }}
        </view>
 </view>
1
2
3
4
5

2. 字符串拼串的方法

name: this.form.man.name + "-" + this.form.woman.name,

name: `${forms.man.name}-${forms.woman.name}`,
1
2
3

3. uni.app 判断平台

//html部分
<!-- #ifdef MP -->
	<view class="mp-word margin-top" v-if="platform === 'ios'" >* IOS端暂不支持虚拟支付</view>
<!-- #endif -->
//js部分
 computed: {
     platform() {
       //uni.getSystemInfoSync().platform  --判断是平台 安卓还是ios环境 生产(dev)
      switch (uni.getSystemInfoSync().platform) {
        case "android":
          return "android";
          break;
        case "ios":
          return "ios";
          break;
        default:
          return "dev";
          break;
      }
    },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20