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