Updating name for button question emit method

This commit is contained in:
Max 2022-02-02 14:43:15 -05:00
parent 7294e3c78c
commit 2eb2d84ba6
4 changed files with 8 additions and 5 deletions

View file

@ -11,7 +11,7 @@
:is="buttonType" :is="buttonType"
v-for="answer in answers" v-for="answer in answers"
:key="answer.Name ? answer.Name : answer" :key="answer.Name ? answer.Name : answer"
@isChecked="handleCheckedChanged" @isCheckedChanged="handleCheckedChanged"
:buttonID="answer.Name ? answer.Name : answer" :buttonID="answer.Name ? answer.Name : answer"
:value="answer.Name ? answer.Name : answer" :value="answer.Name ? answer.Name : answer"
:buttonLabel="answer.Text ? answer.Text : answer" :buttonLabel="answer.Text ? answer.Text : answer"

View file

@ -69,7 +69,7 @@ export default {
type: String, type: String,
default: "", default: "",
}, },
modelValue: false, modelValue: [Array, String],
}, },
data() { data() {
return { return {
@ -77,6 +77,9 @@ export default {
checkValue: Boolean, checkValue: Boolean,
}; };
}, },
created(){
this.checkValue = this.modelValue ? this.modelValue.includes(this.buttonID) : false;
},
methods: { methods: {
displayLoader() { displayLoader() {
this.isLoaderDisplayed = true; this.isLoaderDisplayed = true;
@ -90,7 +93,7 @@ export default {
}, },
watch: { watch: {
checkValue(){ checkValue(){
this.$emit('isChecked', {isChecked: this.checkValue, buttonId: this.buttonID}); this.$emit('isCheckedChanged', {isChecked: this.checkValue, buttonId: this.buttonID});
} }
}, },
components: { components: {

View file

@ -95,7 +95,7 @@ export default {
}, },
watch: { watch: {
checkValue(){ checkValue(){
this.$emit('isChecked', {isChecked: this.checkValue, buttonId: this.buttonID}); this.$emit('isCheckedChanged', {isChecked: this.checkValue, buttonId: this.buttonID});
} }
}, },
components: { components: {

View file

@ -95,7 +95,7 @@ export default {
}, },
watch: { watch: {
checkValue(){ checkValue(){
this.$emit('isChecked', {isChecked: this.checkValue, buttonId: this.buttonID}); this.$emit('isCheckedChanged', {isChecked: this.checkValue, buttonId: this.buttonID});
} }
}, },
setup(props) { setup(props) {