@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'