<-switch> 的初始值通过接口查询
时间: 2023-12-17 20:04:48 浏览: 122
如果需要通过接口获取 `<el-switch>` 组件的初始值,可以在组件的 `created` 或 `mounted` 钩子函数中发起异步请求获取初始值,然后将初始值绑定到组件的 `value` 属性上。比如:
```
<template>
<el-switch v-model="switchValue"></el-switch>
</template>
<script>
export default {
data() {
return {
switchValue: false // 初始值为 false
}
},
created() {
// 发起异步请求获取初始值
this.getSwitchValue().then(value => {
// 将初始值绑定到组件的 value 属性上
this.switchValue = value;
});
},
methods: {
getSwitchValue() {
// 发起异步请求获取初始值
return axios.get('/api/switchValue').then(response => {
return response.data.value;
});
}
}
}
</script>
```
在上面的代码中,我们在组件的 `created` 钩子函数中通过 `getSwitchValue` 方法发起异步请求,获取初始值,并将初始值绑定到组件的 `switchValue` 数据属性上。这样,在组件渲染完成后,`<el-switch>` 组件就会显示从后端获取的初始值。
阅读全文