vue2.0 은행 카드 유형의 선택 실현

기능 효과:vue2.0 은행 카드 유형의 선택 실현
참조 코드는 다음과 같습니다.

<span class="hljs-built_in">export</span> default {
  <span class="hljs-function"><span class="hljs-title">data</span></span>() {
    <span class="hljs-built_in">return</span> {
      
      actions2: [],  //       
      sheetVisible2: <span class="hljs-literal">false</span>,//      
      name: <span class="hljs-string">"  "</span>//    
    };
  },
  computed: {
    
  },
  components: {
  
  },
  methods: {
    //         
    <span class="hljs-function"><span class="hljs-title">memberRank</span></span>() {
      this.sheetVisible2 = <span class="hljs-literal">true</span>;
    },
    
    //     
    <span class="hljs-function"><span class="hljs-title">commonCard</span></span>() {
      this.name = <span class="hljs-string">"  "</span>;
    },
    <span class="hljs-function"><span class="hljs-title">silverCard</span></span>() {
      this.name = <span class="hljs-string">"  "</span>;
    },
    <span class="hljs-function"><span class="hljs-title">goldCard</span></span>() {
      this.name = <span class="hljs-string">"  "</span>;
    },
    
   
  },
  <span class="hljs-function"><span class="hljs-title">mounted</span></span>() {//         
    this.actions2 = [
      {
        name: <span class="hljs-string">"  "</span>,
        method: this.commonCard
      },
      {
        name: <span class="hljs-string">"  "</span>,
        method: this.silverCard
      },
      {
        name: <span class="hljs-string">"  "</span>,
        method: this.goldCard
      }
    ];
  }
};