Zpw NPM | npm.io

zpw v2

https://zhuanlan.zhihu.com/p/342477235

apollo

import {http} from "apollo"

http定义

interface IHttp {

}

export default function http(args: string | IHttp)

http - string

import http from "./apollo";

/** 方式一 */
http("api:query:users", {index: 2}).then(r => {
}).catch(r => {
})
http("api:mutate:user_create", {input: {}}).then(r => {
}).catch(r => {
})

/** 方式二 */
http("api").query("users", {index: 2}).then(r => {
}).catch(r => {
})
http("api").mutate("user_create", {index: 2}).then(r => {
}).catch(r => {
})

/** 方式三 */
http("api").query("users:{data{id}}", {index: 2}).then(r => {
}).catch(r => {
})
http("api").mutate("user_create:{id}", {index: 2}).then(r => {
}).catch(r => {
})

/** 方式四 */
http("api").query(`
    query Users($query:QUser!){
        users(query:$query):{data{id}}
    }
`, {index: 2}).then(r => {
}).catch(r => {
})
http("api").mutate(`
    mutation UserCreate($input: NewUser!){
        user_create(input:$input):{id}
    }
`, {index: 2}).then(r => {
}).catch(r => {
})

http - IHttp *未实现

关于query/mutation失败处理

/** 默认提示（查询失败），成功不做任何提示 */
http("api:query:users", {index: 2}).then(r => {
}).catch(r => {
})
http("api:query:users", {index: 2})
    .then(r => '嗯，查询成功了') /* ELMessage("嗯，查询成功了") */
    .catch(r => "哈哈，查询失败") /* ELMessage("哈哈，查询失败") */
http("api:query:users", {index: 2})
    .then(r => {
    }) /* 无任何提示 */
    .catch(r => false) /* 无任何提示 */

/** 默认提示（操作成功/操作失败） */
http("api:mutate:user_create", {input: {}})
    .then(r => {
    }) /* ELMessage("操作成功") */
    .catch(r => {
    }) /* ELMessage("操作失败") */
http("api:mutate:user_create", {input: {}})
    .then(r => "哈哈，成功了") /* ELMessage("哈哈，成功了") */
    .catch(r => "唉，失败了") /* ELMessage("唉，失败了") */
http("api:mutate:user_create", {input: {}})
    .then(r => false) /* 无任何提示 */
    .catch(r => false) /* 无任何提示 */

element-plus less vue vue-router vuex zpx

@infinitebrahmanuniverse/nolb-zp @everything-registry/sub-chunk-3240

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago