用于在 true
和 false
之间进行切换。
import { useToggle } from "@vant/use";
export default {
setup() {
const [state, toggle] = useToggle();
toggle(true);
console.log(state.value); // -> true
toggle(false);
console.log(state.value); // -> false
toggle();
console.log(state.value); // -> true
},
};
import { useToggle } from "@vant/use";
export default {
setup() {
const [state, toggle] = useToggle(true);
console.log(state.value); // -> true
},
};
function useToggle(
defaultValue: boolean
): [Ref<boolean>, (newValue: boolean) => void];
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
defaultValue | 默认值 | boolean | false
|
参数 | 说明 | 类型 |
---|---|---|
state | 状态值 | Ref<boolean> |
toggle | 切换状态值的函数 | (newValue?: boolean) => void |
将动作或菜单折叠到下拉菜单中。基础用法移动到下拉菜单上,展开更多操作。显示下拉菜单,默认情况下,下拉按钮只要hover即可,...
Message 消息提示常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。基础用法从顶部出现...
列表组是一个灵活而且强大的功能,不仅仅可以用来显示简单的元素列表,还可以显示复杂的自定义内容,不过大部分的基础列表都是无...
visualMap[i]-piecewise.controller |Object设置 visualMap 组件中,controller 的inRange 和 outOfRange。如果没有这个controll...
DevTools概览AngularDevTools是一个浏览器扩展,为Angular应用程序提供调试和剖析功能。AngularDevTools支持Angularv12及更高版...
主从组件此刻,HeroesComponent同时显示了英雄列表和所选英雄的详情。把所有特性都放在同一个组件中,将会使应用“长大”后...
Vue.js2.0混合基础混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合...
软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的...