hardk
hardk
  • 发布:2022-06-11 15:11
  • 更新:2022-06-11 19:03
  • 阅读:320

循环自定义组件编译到小程序上面会自动帮你添加类名前缀

分类:uni-app

使用组件

复制代码<cus-goods-list  />

组件内部

复制代码<view class="goods-list">  
   <cus-goods-item v-for="item in 4" :key="item" />  //它是class=“goods-item”  
</view>

编译到小程序上面类名变成了list--goods-list、item--goods-item组件的样式都无法生效了

再请教一个问题,cus-goods-item组件读取不了字体图标cus-goods-list可以读取到这是为什么?求大佬解答
以上问题在h5和App上面都没问题,只有在小程序中出现了

2022-06-11 15:11 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

你的组件内部 有类名么 怎么来的goods-item

  • hardk (作者)

    cus-goods-item组件最外层元素节点的类名就是goods-item,只是代码太多我懒得放上来了而已

    2022-06-12 14:22

  • 小枫叶

    回复 hardk: 没有遇到过这种情况,尽量不要把类名放到组件标签上面

    2022-06-12 16:51

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容