@tdesign/uniapp 常见问题

1. 开始

罗列下 @tdesign/uniapp 中的常见问题，持续更新。

2. FAQ

2.1. setup 语法糖下函数式调用 Toast 等组件时如何传递 context

最简单的方式是在页面下预埋，这时根本不需要传递 context。

<!-- 页面级别组件: xx.vue -->
<template>
 <div>
    ...
    <t-toast />
  </div>
</template>

第二种方式如下。

<script lang="ts" setup>
import TToast from '@tdesign/uniapp/toast/toast.vue';

Toast({
  context: {
    $refs: {
      't-toast': TToast.value,
    },
    // ...
  }
})
</script>

2.2. Icon 太大怎么办

可以参考这篇文章，使用这个插件进行解决。

2.3. HBuilderX 中运行到内置浏览器时报错 Unexpected token .

报错如下：

这是 HBuilderX 自己的问题，参考这里。

可以运行到 Chrome 中，或者使用 CLI 模式。

2.4. Vue2 下的适配

参考这篇文章。