Appearance
全局方法
⭐⭐⭐⭐⭐
该后台提供了大量全局方法方便开发者使用,以下介绍使用方法。
http请求
请求内部接口:
js
const { proxy } = getCurrentInstance()
// 携带参数(get方法会自动把参数拼接在链接上)
proxy.$http.post('/tag/select', { id: 123 }).then(res=> {
console.log(res)
})
// 不带参数
proxy.$http.post('/tag/select').then(res=> {
console.log(res)
})请求外部接口:
js
import axios from 'axios'
axios.get('https://restapi.amap.com/v3/weather/weatherInfo').then(res => {
console.log(res)
})全屏loading
js
const { proxy } = getCurrentInstance()
proxy.$fullLoading(true) // 显示
proxy.$fullLoading(false) // 隐藏效果图:

局部loading
js
const { proxy } = getCurrentInstance()
proxy.$mainLoading(true) // 显示
proxy.$mainLoading(false) // 隐藏效果图:

页面水印
js
const { proxy } = getCurrentInstance()
proxy.watermark() // 打开或隐藏水印效果图:

键盘监听
使用hotkeys-js,更多使用方法请参考https://www.npmjs.com/package/hotkeys-js
js
const { proxy } = getCurrentInstance()
proxy.$hotkeys('up', keyUp) // 监听键盘↑事件,keyUp:你要执行的函数
proxy.$hotkeys('down', keyDown) // 监听键盘↓事件
proxy.$hotkeys('enter', keyEnter) // 监听键盘回车事件
proxy.$hotkeys.unbind('up', keyUp) // 取消监听键盘↑事件
proxy.$hotkeys.unbind('down', keyDown)
proxy.$hotkeys.unbind('enter', keyEnter)
// 同时监听键盘alt+s事件
proxy.$hotkeys('alt+s', e => {
e.preventDefault()
// do something
})