正常来说,脱离文本的 action 按钮(比如按钮在文字下方)是可以按照普通 ellipsis 来实现的,
但是如果使用了 text-align: justify
,css ellipsis 的 dots ...
在 iOS 上会和文字有重叠,这时还是需要使用动态计算截取文本的方式来添加 dots
- 方案一:添加 action 按钮的 slot,没有这个 slot 时,保持原有逻辑,有则把操作事件绑定到这个 slot 上
- 方案二:添加对外的
toggle(expanded = !expanded)
方法,此时可以通过将 expandText 和 collapseText 置为空以取消对 action 字符的计算,同时可以在任意位置通过任意操作来主动触发 toggle
个人认为方案二比较灵活,改起来也比较方便
以上,感谢