mpVue | 这些都是坑

v-for没:key会报错问题：

<div class="category_item" v-for="(item,index) in iconArray"> 

正解：

<div class="category_item" v-for="(item,index) in iconArray" :key="index">

空格问题

分号后面得留空格，否则会报错

逗号问题

列表后面多出一个逗号，也会报错！

style 绑定问题

v-bind:style="{ position: 'fixed', right: '6px', bottom: bottom_01+'px', opacity: opacity }"

上面的bottom_01是一个变量来的

for问题

    <div class="category">
      <div class="category_item" v-for="(item,index) in iconArray" :key="index">
        <div  hover-class="none">
          <div class="category_item_wrap">
            <div class="icon_wrap">
              <image :src="item.iconUrl" class="index_icon">image>
            div>
            <div class="category_item_text">
              <text>{{item.iconText}}text>
            div>
          div>
        div>
      div>
    div>

此处有三个得注意的问题：

1. v-for="(item,index) in iconArray" :key=“index”
2. :src=“item.iconUrl”
3. < text>{{item.iconText}}< /text>