首页 > 其他分享 >Taro 插件引入

Taro 插件引入

时间:2022-12-17 21:12:09浏览次数:42  
标签:index 插件 Taro 微信 引入 页面

Taro使用版本3.1

  Taro的文档中只有静态引入插件,动态引入好像会有问题,而且官方已经找不到动态引入的文档。

    微信、支付宝小程序中使用插件:

  1、app.json配置

  plugins: {
    "thePlugin": {
      "version": "*", // 目前只支持设置 * 拉取当前上架最新版本
      "provider": "20************80"  // 请确认写入准确的插件appid
    }
  },

   

 

 

   

  2、对应页面引入插件,例如页面index.jsx, 在index.config.js中引入对应插件信息

  usingComponents: {
    "float-modal": "plugin://xxxxxxx/xxxxxx" //请确认路径与app.json中的名称一致
  }

 

 

 

   3、在页面中引用插件

   <float-modal shopId={config.initConfig} />

 

 

 

 

 

微信小程序支持分包中引入插件,就是要在分包下引入插件

     

 

 

   

 注意: Taro中不支持动态引入插件,之前在编译支付宝小程序时,插件一直都没有效果

      let me = this;
    Taro.loadPlugin({ plugin: '20xxxxxxxxxxxx80@*', // 指定要加载的插件 ID 和版本号,为 * 时自动选择版本 success: () => { me.setState({isReadyPlugin: true}); // 插件已加载,可以渲染插件组件了 }, fail: (err) => { console.log(err) } });

 

标签:index,插件,Taro,微信,引入,页面
From: https://www.cnblogs.com/wind-wang/p/16989539.html

相关文章

  • Vue 中实现全局引入 scss 变量
    导读最终实现的效果是:在vue文件的style标签中以及其它scss文件中都可以直接使用全局配置的scss变量,不需要再导入对应的scss文件。目录结构src│App.vue│......
  • maven fmpp 插件开发说明
    实际上已经有几个fmppmaven插件,但是不是很好用,dremio自己包装了一个,然后fork了dremiofmpp插件的代码独立包装了一些同时发布到githubrepo中,方便使用参考代码pom.......
  • vue 插件
    1正则插件any-rule 使用在页面中按F1就可以了 选择之后 ......
  • 前端开发系列098-小程序篇之模板的基本使用和引入
    title:前端开发系列098-小程序篇之模板的基本使用和引入tags:categories:[]date:2018-11-2700:00:08本文介绍小程序框架中模板的基本使用,并通过一个综合案例来演......
  • 怎么在edge浏览器中添加自己写的插件
    1、首先自己写好插件首先创建一个文件夹用来装插件内容,我这里创建一个test文件夹需要有一个manifest.json。本文描述的是适用于WebExtensions的manifest.json。若您......
  • Python怎么引入不同的库?
    怎么引入不同的库?在线安装库1)pipinstall模块名2)国内源:清华:https://pypi.tuna.tsinghua.edu.cn/simple阿里云:http://mirrors.aliyun.com/pypi/simple/中国科技......
  • 【第三方开源库】-->那些酷炫的工具类、热修复、插件化开源库整理
    不断学习,做更好的自己!......
  • 中文版PS一键磨皮插件Delicious Retouch (DR5白金版)支持ps2023
    DeliciousRetouch5(简称DR5),这是一款Photoshop人像美容扩展面板插件,效果非常帮,而且使用面板中包含多种适用于人像修饰的功能,例如完美皮肤、一键磨皮、高低频、皮肤纹理......
  • Google 插件总览
    ​​有道翻译​​​​Vue.jsdevtools​​​​bilibili哔哩哔哩下载助手​​​​哔哩哔哩助手:bilibili.com综合辅助扩展​​​提供方:​​https://bilibili-helper.github.......
  • Vue常用插件汇集
    1.复制黏贴插件clipboardjs (https://clipboardjs.com/#example-text)2.图片懒加载 vue-lazyload3.图表echart4.数字精度Math,Lodash,moment,mathjs lodash是一套工具......