Quasar 如何取消toggle组件的不确定状态?

发布于 2022-09-13 01:07:29 字数 971 浏览 22 评论 0

Quasar:一个基于Vue封装的UI库

toggle组件:(就是一个开关)

Q-toggle文档
Q-toggle 中文文档

image.png

问题描述:

我给toggle组件添加了自定义模型值,如下:

image.png

false-value=0 和 true-value = "auto",这样的话,开关关闭状态就自动绑定值 0,开启状态自动绑定值 "auto"。然后初始的v-model绑定的是0

  <q-toggle
      false-value="0"
      true-value="auto"
      v-model="0"
  ></q-toggle>

但是这样子回出现“不确定状态”,就是开关的按钮在刚开始的时候会在中间,不是两边。

image.png

关于不确定状态,文档给的解释是这样的:

image.png

因为我的false-value的值为 0 ,所以会认为是不确定状态吗?

我的问题

我的需求就是false-value的值为 0,有什么办法让toggle开关的初始状态不是在中间?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文