Skip to content

useLockDom 关闭滚动条

基础用法

useLockDom 提供了一个 state 参数,当它的值变化后,关闭显示当前页面的滚动条。

TIP

点击按钮控制页面的滚动条显示隐藏

Show Code
vue
<script>
import { useLockDom } from 'dc-hooks';
  import {ref } from 'vue';
  const flag = ref(false)
    const handleClick=()=>{
      flag.value=!flag.value;
      useLockDom(flag.value);
    }
</script>
<script>
import { useLockDom } from 'dc-hooks';
  import {ref } from 'vue';
  const flag = ref(false)
    const handleClick=()=>{
      flag.value=!flag.value;
      useLockDom(flag.value);
    }
</script>

Attributes

参数说明类型可选值默认值
state状态booleanfalsefalse

Released under the MIT License.