text

文本容器。

按照指定的样式渲染文本内容。

示例

  1. <template>
  2.   <view>
  3.     <text>Original message: {{ message }}</text>
  4.     <text>Computed reversed message: {{ reversedMessage }}</text>
  5.   </view>
  6. </template>
  8. <script>
  9. class Text {
  10.   data = {
  11.     message: 'Hello'
  12.   }
  13.   computed = {
  14.     reversedMessage: function () {
  15.       return this.message.split('').reverse().join('')
  16.     }
  17.   }
  18. };
  19. export default new Text();
  20. </script>
  21. <script cml-type="json">
  22. {
  23.   "base": {}
  24. }
  25. </script>

Bug & Tip

  • <text>会保留文本头尾空白（空格、换行符等），若发现<text>文本内容位置不符合预期，大概率是写成下面格式了：
  1. <text>
  2.  我是有空格和换行符的文本
  3. <text>
  • <text>不支持子组件。
  • <text>只能包含文本值，使用 双花括号 标记可以将变量值作为文本内容
    查看完整示例