vue el-radio 后端传过来值怎么赋值
时间: 2023-11-28 19:08:59 浏览: 28
如果你使用的是 Vue.js 框架和 Element UI 组件库,那么在使用 `el-radio` 组件时,你可以通过 `v-model` 指令来绑定后端传过来的值。
例如,假设后端传过来的值为 `radioValue`,你可以这样使用 `el-radio` 组件:
```html
<template>
<div>
<el-radio v-model="radioValue" label="1">选项1</el-radio>
<el-radio v-model="radioValue" label="2">选项2</el-radio>
</div>
</template>
<script>
export default {
data() {
return {
radioValue: '' // 初始化radioValue
}
},
mounted() {
// 从后端获取radioValue的值
// 然后将其赋值给this.radioValue
this.radioValue = '1' // 假设从后端获取的值为'1'
}
}
</script>
```
在上面的代码中,我们使用 `v-model="radioValue"` 将 `radioValue` 和 `el-radio` 组件绑定起来,当用户选择不同的选项时,会自动更新 `radioValue` 的值。在 `mounted` 钩子函数中,我们获取后端传过来的值并将其赋值给 `radioValue`,这样就能够正确地显示选项状态了。