使用说明

解决taro vue 下在tsx中使用原生组件props丢失问题

安装组件库

npm i @okcy/tdesign-miniprogram-taro-vue-jsx
npm i tdesign-miniprogram

注意事项 部分默认值可能跟文档不一致，需要自行设置

app.config.ts中引入

import tdesign from '@okcy/tdesign-miniprogram-taro-vue-jsx'
// 引入组件库
export default defineAppConfig({
    usingComponents: tdesign
})

pages下创建tdesign.vue

<template>
  <Tdesign/>
</template>
<script lang="ts" setup>
  import Tdesign from "@okcy/tdesign-miniprogram-taro-vue-jsx/template.vue"
</script>

// 引入组件库
export default defineAppConfig({
    pages: [
        'pages/index/index',
        'pages/tdesign'
    ]
})

配置config.js

{
  "copy": {
    "patterns": [
      {
        "from": "node_modules/tdesign-miniprogram/miniprogram_dist/",
        "to": "src/tdesign-miniprogram/"
      }
    ]
  }
}