收藏
回答

如何在组件style中引入data数据的同时动态绑定数据?

题目可能不是很明确的表述我的意思,但是我好像也没更好的表述方式了。

起因是这样,背景图的引用不能放在css中。所以只能写在style中,再加上需要动态设置其高度,style的内容会变的很多。

为了看起来好看,我就将style中的数据全写入data中去了。就像这样。

属性style="{{style.body.content}}"

data内的值style:{

body:{

content:"background-image: url('/assets/k_images/activity_bg.png');height:1000rpx"

},

height: 1000

}

但是新但问题出现了那个1000rpx只能写死用插值表达式也不可以比如:

content:"background-image: url('/assets/k_images/activity_bg.png');height:{{1000}}rpx"

或者

content:"background-image: url('/assets/k_images/activity_bg.png');height:{{style.body.height}}rpx"

这样就不行。

退而求其次,将这些东西放入style是能解决但,但是。。。为了组件的整洁,有什么办法可以搞定这个问题吗?

最后一次编辑于  2020-07-20
回答关注问题邀请回答
收藏

3 个回答

  • 俞哄哄💻📷🤘🚴🎧
    俞哄哄💻📷🤘🚴🎧
    发表于移动端
    2020-07-18
    你这个颜色太辣眼睛了 没法看啊
    2020-07-18
    有用
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-18
    var height = 1000,
    Page({
        data:{
           content:"background-image: url('/assets/k_images/activity_bg.png');height:"+height+"rpx",
           height:height 
        }
    })
    

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    2020-07-18
    有用
    回复
  • 子不语
    子不语
    2020-07-18

    你换个颜色吧,这个黄色是真的看不清……

    2020-07-18
    有用
    回复
登录 后发表内容
问题标签