1***@qq.com
1***@qq.com
  • 发布:2019-06-14 18:16
  • 更新:2022-04-06 16:34
  • 阅读:5635

uniapp中能不能动态创建UI和绑定一个style??

分类:uni-app

比如这样
<view for(v in viewList) :style="setViewStyle(v.id)" :key="v.id"></view>

:style="setViewStyle(v.id)"

这样好像不支持啊

老大们有什么办法吗?就是我动态产生的view的组件需要动态的样式

2019-06-14 18:16 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

可以用计算属性啊

  • 1***@qq.com (作者)

    计算属性只能给所有的对象设置样式吧?计算属性不能传值进去 确定当前某一个动态UI组件的样式。


    2019-06-17 09:41

1***@qq.com

1***@qq.com (作者) - o

up 有人看到吗

3***@qq.com

3***@qq.com

换下思维:

设置 class名 :a1,a2,a3,a4...

然后:
<view for(v in viewList) :class="'a'+ v.id" :key="v.id"></view>

渲染后:
<view class=“a1”></view>
<view class=“a2”></view>
<view class=“a3”></view>
<view class=“a4”></view>

  • 1***@qq.com (作者)

    谢谢老哥的回复呀,但是class可能不能满足一些场景的需求,比如一些宽高可能是动态的。比如有一个比较复杂的选项列表,第一排选项里 比如字体加1,或者控制第二排里选项是否可选。


    2019-06-18 13:38

  • 3***@qq.com

    回复 1***@qq.com: class选择器做不到吗,比如 :odd,:first-child,:nth-child(n)


    2019-06-18 14:12

t***@163.com

t***@163.com

可以试下这种写法:

<view for(v in viewList) :style="[setViewStyle(v.id)]" :key="v.id"></view>

style的最外层用一个数组包起来

要回复问题请先登录注册