inject: ['form', 'originImage', 'action'], setup() { const Globalstore = useGlobalStore() return { Globalstore } }, data() { return { rootImage: "images/products/", headers: { 'Content-Type': 'multipart/form-data' }, type: [], rules: rules, } }, methods: { showTips(tips, type) { ElMessage({ showClose: true, message: tips, type: type, }); }, getType() { axios.get(this.Globalstore.apiServer + "/fenlei").then((res) => { this.type = res.data;
时间: 2023-06-15 17:06:05 浏览: 134
该代码段使用了Vue 3框架和Axios库,用于处理图片上传和获取分类数据。其中,`useGlobalStore`是Vue的全局状态管理工具,`rules`是表单验证规则。`showTips`是一个提示信息的方法,用于显示成功或失败的消息。`getType`方法通过Axios库从API服务器获取分类数据并将其存储在`type`数组中。
相关问题
const jwtModule = JwtModule.registerAsync({ inject: [ConfigService], useFactory: async (configService: ConfigService) => { return { secret: configService.get('SECRET', 'test123456'), signOptions: { expiresIn: '4h' }, }; }, }
这段代码是使用 NestJS 的 JwtModule 注册一个异步的 JWT 认证模块。其中,使用了 `registerAsync` 方法来异步创建模块实例。在创建实例的过程中,使用 `inject` 属性注入了 `ConfigService`,然后使用 `useFactory` 方法创建一个对象,该对象包含 JWT 认证所需的 `secret` 和 `signOptions`。`secret` 的值从 `ConfigService` 中获取名为 `SECRET` 的配置项,如果没有获取到,则使用默认值 `test123456`。`signOptions` 是一个对象,表示 JWT 的一些选项配置,如过期时间 `expiresIn`。最后,将该对象返回即可完成模块实例的创建。
<template> <div>我是孙组件</div> <button @click="sendMoneytoYe">我给爷爷传3000</button> </template> <script> // 注入 接到爷爷给的钱 import { inject } from 'vue' export default { name: 'GrandSon', setup() { // 接收爷爷的空的函数 const moneySendGrandson = inject('moneySendGrandson') const sendMoneytoYe = function() { moneySendGrandson(3000) } return { sendMoneytoYe } } } </script> 把这段改成<script setup lang="ts">
<template>
<div>我是孙组件</div>
<button @click="sendMoneytoYe">我给爷爷传3000</button>
</template>
<script setup lang="ts">
import { inject } from 'vue'
export default {
name: 'GrandSon',
setup() {
// 接收爷爷的空的函数
const moneySendGrandson = inject<() => void>('moneySendGrandson')
const sendMoneytoYe = function() {
moneySendGrandson(3000)
}
return { sendMoneytoYe }
}
}
</script>
阅读全文