问题形容:

a组件放到text组件外部,a组件的style中文字色彩是动静绑定的,批改绑定textcolor的值,无奈扭转a组件的文字色彩,比方我心愿文字色彩能从原始色彩蓝色变成红色。代码如下所示:

template中代码:

<text>            <a href="https://huawei.com" style="color: {{textcolor}};" value="click here"></a>        </text>         <input type="button" value="批改a的文字色彩" onclick="changeColor" />

script中代码:

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

问题剖析:

a组件放到text组件外部时,快利用框架不反对动静扭转款式。

解决办法:

借助text去实现a的动态效果,间接在text组件上绑定款式(a组件本身不绑定),能够达到成果,代码如下(见红色局部):

**<text style="color: {{textcolor}};">

  <a href="https://huawei.com" value="click here"></a>

</text>**

效果图(点击按钮后):

欲了解更多详情,请参阅:

快利用开发领导文档:https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-whitepaper


原文链接:
https://developer.huawei.com/consumer/cn/forum/topic/0204399557167870123?fid=18

作者:AppGallery Connect