# 字体超链接
文本超级链接设置。
目前只支持事件响应,前提需要设置文本的touchEnabled=true
。
点击有链接的文字会有 log 显示,点击没有链接的文字没有任何响应。
var Main = VueEgret.classMain({
data: function () {
return {
textFlow: [
{ text: '这段文字有链接', style: { href: 'event:text event triggered', underline: true } },
{ text: '\n这段文字没链接', style: { textColor: 0x999999 } },
],
};
},
methods: {
onLink: function (evt) {
egret.log(evt.text);
},
},
template: `<DisplayObjectContainer>
<TextField :x="$stageWidth/2-108" y="500" :textFlow="textFlow" lineSpacing="20" touchEnabled @link="onLink"></TextField>
</DisplayObjectContainer>`,
})