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