1.1.3 • Published 2 years ago
@nora7aki/vue-force v1.1.3
@nora7aki/vue-force
用于设置页面,适配手机端横竖屏问题
安装
yarn add @nora7aki/vue-force
引入
import force from '@nora7aki/vue-force'
app.use(force)
使用
在父组件中使用 force
<template>
<force posture="portrait">
<router-view />
</force>
</template>
在子组件中动态调整强制状态
<script setup>
const force = inject('force')
force.posture = 'portrait'
</script>
参数说明
参数 | 说明 | 默认 |
---|---|---|
posture | 强制横竖屏的标识,可以是'none' 、 'portrait' 、 'landscape' | 'none' |
param | 用于在 provide/inject 的参数名 | 'force' |