uni-app HBuilderX编译小程序原生标签key属性无法编译
uni-app HBuilderX编译小程序原生标签key属性无法编译
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| HbuilderX | 3.2.13 |
示例代码：
<share-element key="type" :duration="300" :transform="transformIdx === i">
<view class="service-item-box">
<image v-for="(m, k) in n.list" :key="k" src="/static/image/ls/fenlei.jpg" />
</view>
</share-element>
<share-element vue-id="{{''+i}}" duration="{{300}}" transform="{{transformIdx===i}}" bind:__l="__l"
vue-slots="{{['default']}}">
<view class="service-item-box">
<block wx:for="{{n.list}}" wx:for-item="m" wx:for-index="k" wx:key="k">
<image src="/static/image/ls/fenlei.jpg"></image>
</block>
</view>
</share-element>
### 操作步骤：
```html
<share-element key="type" :duration="300" :transform="transformIdx === i">
<view class="service-item-box">
<image v-for="(m, k) in n.list" :key="k" src="/static/image/ls/fenlei.jpg" />
</view>
</share-element>
<share-element vue-id="{{''+i}}" duration="{{300}}" transform="{{transformIdx===i}}" bind:__l="__l"
vue-slots="{{['default']}}">
<view class="service-item-box">
<block wx:for="{{n.list}}" wx:for-item="m" wx:for-index="k" wx:key="k">
<image src="/static/image/ls/fenlei.jpg"></image>
</block>
</view>
</share-element>
### 预期结果：
```html
<share-element key="type" :duration="300" :transform="transformIdx === i">
<view class="service-item-box">
<image v-for="(m, k) in n.list" :key="k" src="/static/image/ls/fenlei.jpg" />
</share-element>
<share-element key="type" vue-id="{{''+i}}" duration="{{300}}" transform="{{transformIdx===i}}" bind:__l="__l"
vue-slots="{{['default']}}">
<view class="service-item-box">
<block wx:for="{{n.list}}" wx:for-item="m" wx:for-index="k" wx-key="k">
<image src="/static/image/ls/fenlei.jpg"></image>
</block>
</view>
</share-element>
### 实际结果：
```html
<share-element key="type" :duration="300" :transform="transformIdx === i">
<view class="service-item-box">
<image v-for="(m, k) in n.list" :key="k" src="/static/image/ls/fenlei.jpg" />
</view>
</share-element>
<share-element vue-id="{{''+i}}" duration="{{300}}" transform="{{transformIdx===i}}" bind:__l="__l"
vue-slots="{{['default']}}">
<view class="service-item-box">
<block wx:for="{{n.list}}" wx:for-item="m" wx:for-index="k" wx-key="k">
<image src="/static/image/ls/fenlei.jpg"></image>
</block>
</view>
</share-element>
更多关于uni-app HBuilderX编译小程序原生标签key属性无法编译的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
key 属性被 Vue（2） 用了，目前可以修改一下编译后的产物，后续会考虑一下绕过方案。
更多关于uni-app HBuilderX编译小程序原生标签key属性无法编译的实战教程也可以访问 https://www.itying.com/category-93-b0.html
