mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-05 22:30:28 +08:00
23 lines
548 B
JavaScript
23 lines
548 B
JavaScript
|
let radioId = 0
|
||
|
|
Vue.component("radio", {
|
||
|
|
props: ["name", "value", "v-value", "id"],
|
||
|
|
data: function () {
|
||
|
|
radioId++
|
||
|
|
let elementId = this.id
|
||
|
|
if (elementId == null) {
|
||
|
|
elementId = "radio" + radioId
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
"elementId": elementId
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
change: function () {
|
||
|
|
this.$emit("input", this.vValue)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
template: `<div class="ui checkbox radio">
|
||
|
|
<input type="radio" :name="name" :value="vValue" :id="elementId" @change="change" :checked="(vValue == value)"/>
|
||
|
|
<label :for="elementId"><slot></slot></label>
|
||
|
|
</div>`
|
||
|
|
})
|