a組件在text組件內不能動態修改樣式，怎么破？

問題描述：

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組件自身不綁定），可以達到效果，代碼如下（見紅色部分）：

效果圖（點擊按鈕后）：

欲了解更多詳情，請參閱：

快應用開發指導文檔：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