| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { Vue, Component, Prop, PropSync} from 'vue-property-decorator'; |
| | | import { Vue, Component, Prop, PropSync, Watch} from 'vue-property-decorator'; |
| | | import { OptionBtnDto } from '~/shared/models/optionBtnDto.model'; |
| | | |
| | | @Component |
| | |
| | | @Prop({type:String,default:''}) |
| | | nameOfOtherOption!:string; |
| | | |
| | | @Prop() |
| | | maxLength? : number; |
| | | |
| | | @Watch('syncMutiSelect') |
| | | onMutiSelectChange(): void { |
| | | if (!this.maxLength) return; |
| | | if (this.syncMutiSelect.length > this.maxLength) { |
| | | this.syncMutiSelect.shift(); |
| | | } |
| | | } |
| | | |
| | | isSelectOtherOption=false; |
| | | isSelectAll=false; |
| | | |