Vue.js 将v型开关设置为on,值为“false”(使用v型反转值)

Vue.js 将v型开关设置为on,值为“false”(使用v型反转值),vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,我有一个v型开关,我希望它是on/true,这样开关就在右边,但v型值仍然是false,然后当开关是off/false时,v型值是true,基本上是反转值 我正在努力寻找一个选择或者如何做到这一点。我使用的是Vuetify 1.5.15: 按值分解模型,并更改和反转算法,如下所示: <v-switch :value="!mute" @change="(v) => mute = !v" :label="`Switch mute: ${mute.toString()}`"><

我有一个v型开关,我希望它是on/true,这样开关就在右边,但v型值仍然是false,然后当开关是off/false时,v型值是true,基本上是反转值

我正在努力寻找一个选择或者如何做到这一点。我使用的是Vuetify 1.5.15:

按值分解模型,并更改和反转算法,如下所示:

<v-switch :value="!mute" @change="(v) => mute = !v" :label="`Switch mute: ${mute.toString()}`"></v-switch>
v型&反向

对于数组

实例:

根据值分解模型,并更改和反转算法,如下所示:

<v-switch :value="!mute" @change="(v) => mute = !v" :label="`Switch mute: ${mute.toString()}`"></v-switch>
v型&反向

对于数组

活生生的例子:

its not value-its 新Vue{ el:“应用程序”, 资料{ 返回{ t:错 } }, 方法:{ 改变{ console.logchange; this.t=!this.t; } }, vuetify:新的vuetify, } 你好,世界 它不是价值,而是价值 新Vue{ el:“应用程序”, 资料{ 返回{ t:错 } }, 方法:{ 改变{ console.logchange; this.t=!this.t; } }, vuetify:新的vuetify, } 你好,世界
Vuetify默认值为真/假

 <v-switch
  v-model="sales.final_info.reverse_charge"
 ></v-switch>
Vuetify自定义开关值由false value和true value属性设置

 <v-switch         
 false-value="NO"
 true-value="YES"
 v-model="sales.final_info.reverse_charge">
</v-switch>

Vuetify默认值为真/假

 <v-switch
  v-model="sales.final_info.reverse_charge"
 ></v-switch>
Vuetify自定义开关值由false value和true value属性设置

 <v-switch         
 false-value="NO"
 true-value="YES"
 v-model="sales.final_info.reverse_charge">
</v-switch>

v型怎么样!url.muteNotifications然后切换?这会起作用,直到我单击该开关,然后我会出现两个错误:无法在未定义、null或基元值上设置被动属性:false和TypeError:无法使用“in”运算符在Proxy.set commons.app.js:14811中搜索false中的“muteNotifications”。另外,muteNotifications来自一个对象,所以使用一个computed:`v-model=someProperty。。。someProperty{return!url.muteNotifications}`我不确定它是否可以工作,因为我有一个对象数组,每个对象都包含一个muteNotification键,所以在数据中有一个键是不可行的。v-model=!url.muteNotifications然后切换?这会起作用,直到我单击该开关,然后我会出现两个错误:无法在未定义、null或基元值上设置被动属性:false和TypeError:无法使用“in”运算符在Proxy.set commons.app.js:14811中搜索false中的“muteNotifications”。另外,muteNotifications来自一个对象,所以使用一个computed:`v-model=someProperty。。。someProperty{return!url.muteNotifications}`我不确定它是否会工作,因为我有一个对象数组,每个对象都包含一个muteNotification键,因此在数据中包含一个不会工作。我不确定它是否会工作,因为我有一个对象数组,每个对象都包含一个muteNotification键,所以在数据中有一个是不可行的。这很好,这很有效,但是当我重新加载页面时,开关会恢复到原始值。我在vuex中存储我的对象数组,在Nuxt JS中,值会正确返回,但开关不会更新到该值我不确定它是否会工作,因为我有一个对象数组,每个对象都包含一个muteNotification键,所以在数据中有一个不会工作。这很好,可以工作,但当我重新加载页面时,开关恢复到原始值。我将我的对象数组存储在vuex中,在Nuxt JS中,值会正确返回,但开关不会更新为该值