文章/答案/技术大牛

发布

社区首页 >问答首页 >不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？

问不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？
EN

Stack Overflow用户

提问于 2021-02-22 05:34:34

回答 1查看 69关注 0票数 0

当我将组件A放在文本组件中时，样式中的文本颜色将被绑定。如果更改绑定文本颜色的值，则无法更改组件A的文本颜色。例如，如果希望将文本颜色从蓝色更改为红色。样本代码：

模板中的代码：

<text>
        <a href="https://huawei.com" style="color: {{textcolor}};" value="click here"></a>
    </text>
     <input type="button" value="Change the text color of component a." onclick="changeColor" />

脚本中的代码：

changeColor: function() {
      this.textcolor="red";
    }

当组件A放置在文本组件中时，快速应用框架不支持动态样式更改。

huawei-developers

huawei-push-notification

huawei-mobile-services

回答 1

Stack Overflow用户

发布于 2021-02-22 06:29:18

您可以将动态样式绑定到外部文本组件，以实现颜色更改效果。示例代码如下(请参阅红色部分)：

<text style="color: {{textcolor}};">
      <a href="https://huawei.com" value="click here"></a>
</text>

效果(点击按钮后)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66310493

复制

相似问题

问不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？
EN