vue3-img-tool

组件下载

npm i vue3-img-tool

全局使用方法

在vue3项目中全局引用的方式

//main.ts or main.js
import { createApp } from 'vue';
import App from './App.vue';
import Vue3ImgTool from 'vue3-img-tool';
import './assets/iconfont/iconfont.css'  //将iconfont图标文件夹放进asset文件夹
import 'vue3-img-tool/lib/style.css';

const app = createApp(App);

app.use(Vue3ImgTool);
app.mount('#app');

如果使用ts+vite的方式，需要在env.d.ts中加入最后一句声明，否则ts会检测报错。

/// <reference types="vite/client" />
declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
}

declare module 'vue3-img-tool';

组件内使用

<script setup></script>

<template>
	<img-tool />
</template>

<style></style>

参数说明