Javascript Vue.js+；元素UI-如何更改el开关的值

我有来自服务器的数据。响应数据是整数1或0，在视图中我使用元素ui el开关，它将值设置为布尔值true或false

有什么可以帮我的吗？ 这是我的密码

<div class="row">
          <el-col :span="9">
            <el-form-item>
              <p style="margin-top: 15px">sale in POS</p>
            </el-form-item>
          </el-col>
          <el-col :span="15" class="switch-varian">
            <el-switch inactive-color="#ff4949" v-model="product.pos_hidden" @change="valuePOS"></el-switch>
            <div v-if="product.pos_hidden === 1">
              <p class="desc-switch">
                <strong>Yes</strong>
              </p>
              <p class="desc-switch">This Product Sale in POS</p>
            </div>
            <div v-else>
              <p class="desc-switch">
                <strong>No</strong>
              </p>
              <p>This Product Not Sale in POS</p>
            </div>
          </el-col>
        </div>

methods: {
loadData() {
  this.loading = true
  let headers = {
    Authorization: 'Bearer ' + window.accessToken
  }

  axios({
    method: 'GET',
    url: BASE_API + 'product/' + this.$route.params.id,
    params: this.params,
    headers: headers
  })
    .then(response => {
      this.product = response.data.data
      this.loading = false
    })
    .catch(error => {
      console.log(error)
      this.loading = true
      this.$notify({
        title: 'Error: ' + error,
        type: 'warning',
        message: 'Error: ' + error
      })
    })
},
valuePOS(val) {
  if (val === true) {
    fooBar | 1
  } else {
    fooBar | 0
  }
}

POS销售


是

此产品在POS中销售

否

本产品不在POS机上销售

方法：{
loadData（）{
这是真的
让标题={
授权：“承载人”+window.accessToken
}
axios({
方法：“GET”，
url:BASE_API+“product/”+this.$route.params.id，
params:this.params，
标题：标题
})
。然后（响应=>{
this.product=response.data.data
此参数为0。加载=错误
})
.catch（错误=>{
console.log（错误）
这是真的
这是$notify({
标题：“错误：”+错误，
键入：“警告”，
消息：“错误：”+错误
})
})
},
valuePOS（val）{
如果（val==真）{
fooBar | 1
}否则{
福巴| 0
}
}

期望值： 我想将值从响应更改为布尔值。

---

然后我将编辑该值，并将新值作为整数值发送到服务器。

您可以使用

活动值

和

非活动值

我尝试过，但该值不是一个整数。它来自服务器的响应（pos_hidden:0）和我更新的值更改（pos_hidden:1），您可以绑定该值使其成为整数

  <el-switch
    v-model="product.pos_hidden"
    :active-value="1"
    :inactive-value="0">
  </el-switch>