# mpx/valid-swiper-item-style
禁止
swiper-item
设置动态style
- ⚙️ 这条规则包含在
"plugin:mpx/mpx-essential"
。
此规则检查每个 swiper-item
节点有无动态style
属性。
# 📖 规则详情
在微信小程序中不建议直接在swiper-item
设置style。当swiper-item
的style
属性发生变化时,会丢失值,可能造成渲染异常。
<template>
<!-- ✓ GOOD -->
<swiper-item></swiper-item>
<swiper-item>
<view style="{{viewStyle}}"></view>
</swiper-item>
<!-- ✗ BAD -->
<swiper-item style="{{test}}"></swiper-item>
<swiper-item wx:style="{{test}}"></swiper-item>
</template>
# 🔧 选项
无。