問題描述:java
a組件放到text組件內部,a組件的style中文字顏色是動態綁定的,修改綁定textcolor的值,沒法改變a組件的文字顏色,好比我但願文字顏色能從原始顏色藍色變成紅色。代碼以下所示:app
template中代碼:框架
<text> <a href="https://huawei.com" style="color: {{textcolor}};" value="click here"></a> </text> <input type="button" value="修改a的文字顏色" onclick="changeColor" />
script中代碼:ide
changeColor: function() { this.textcolor="red"; }
問題分析:ui
a組件放到text組件內部時,快應用框架不支持動態改變樣式。this
解決辦法:spa
藉助text去實現a的動態效果,直接在text組件上綁定樣式(a組件自身不綁定),能夠達到效果,代碼以下(見紅色部分):code
**<text style="color: {{textcolor}};">blog
<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