| | |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Component, Prop, PropSync, Vue } from "nuxt-property-decorator"; |
|---|
| | | |
|---|
| | | import * as _ from 'lodash'; |
|---|
| | | import { OptionBtnDto } from "~/shared/models/optionBtnDto.model"; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class SingleSelectBtn extends Vue { |
|---|
| | |
|---|
| | | ////////////////////////////////////////////////////////////////////// |
|---|
| | | patchValue(value: string | number): void { |
|---|
| | | // 主要解決按鈕點擊兩次能回到，未點選的狀態 |
|---|
| | | this.syncSingleSelected = _.isEqual(this.syncSingleSelected, value) ? "" : value; |
|---|
| | | this.syncSingleSelected = this.syncSingleSelected === value ? "" : value; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | export interface OptionBtnDto { |
|---|
| | | title : string, |
|---|
| | | subTitle?: string, |
|---|
| | | label : string | number, |
|---|
| | | } |
|---|
| | | </script> |
|---|
