在util.js定义方法
export function lookGoods(item: object | any){
...
}
main.ts
import { lookGoods } from './util'
const app = createApp(App)
// 查看商品
app.config.globalProperties.$lookGoods = lookGoods
扩展类型,否则打包报错。
types文件夹下新建 global.d.ts
import Vue from 'vue'
declare module '@vue/runtime-core' {
interface ComponentCustomProperties {
$lookGoods:any
}
}
组件中使用
1)直接使用
<div @click="$lookGoods(goodsInfo)">教科书</div>
2)script 中使用
<script lang="ts" setup>
import { getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance() as any;
const handleClick= (item: any)=>{
proxy.$lookGoods(item)
}
</script>