vue+eleui项目 日常代码review(v-for和v-if)

使用v-for执行列表渲染的时候必须添加key,以此来保证高效更新虚拟dom

v-for中使用v-if,需要给v-if外面加一层template

<tr v-for="(item,key) in renderList" :key="key">
  <td>
     <template>
        <img class="img35"v-if="item._image":src="item._image">
     </template>
   </td>
</tr>

元素直接通过读取json对象赋值,需要在外层进行v-if判断,不然控制台会报错undefined(虽然不影响页面正常渲染),

v-for不需要,有数据的时候才会去遍历

<div v-if="assetCodes.length">
   <ranking :asset-code="assetCodes[0]"></ranking>
</div>

猜你喜欢

转载自blog.csdn.net/qq_24510455/article/details/82184677
今日推荐