问题形容:
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