windows、vue、react上方法或数据的挂载

最新推荐文章于 2024-09-18 14:42:57 发布

原创最新推荐文章于 2024-09-18 14:42:57 发布 · 1.8k 阅读

4 ·

CC 4.0 BY-SA版权

微信小程序同时被 2 个专栏收录

13 篇文章

订阅专栏

微信公众号

9 篇文章

订阅专栏

本文介绍了一种在React和Vue框架中实现的通用图片选择器组件，该组件利用了微信JS-SDK的功能来选择图片，并能很好地集成到两种不同的前端框架中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

挂载

import React from 'react';
import Vue from 'vue'
import wx from 'weixin-js-sdk'

window.$wx = wx;
React.Component.prototype.$wx = wx
Vue.prototype.$wx = wx

使用

  handleChoose(type) { //vue中
      this.$wx.chooseImage({
        count: 1, // 默
        sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
        success: res => {
          const localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
        },
        fail: error => {}
      });
    },


    
  handleChoose(type) { //react中
      React.Compontent.prototype.$wx.chooseImage({
        count: 1, // 默
        sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
        success: res => {
          const localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
        },
        fail: error => {}
      });
    },