世界を美しくする


ページには多くのボタンがあり、バックエンドで返されるフィールドを使って非表示にする必要があります.最初の方法は、ページに並べて次のように判断することです.
      
      
      
      
      
      
      
      

今見ているとまあまあですが、ボタンが多くなって判断が多くなるとページ全体が狂ってしまいます.注釈をつけても何の役にも立たないし、注釈も負担になります.2つ目は、スープを変えても薬を変えないことです.
      
      
      
      
      

なんかif elseがswichに変わったように見て力が入って自分をからかっているだけだ3つ目は戦略モード
      
      
      
      
  computed: {
    buttons() {
      const _this = this;
      const { status } = this.info;
      const qc = "  ";
      const sh = "  ";
      const qs = "  ";
      const buttonPermissions = {
        [qc]: {
          submit: {
            text: "  ",
            fn: _this.submit
          },
          edit: {
            text: "  ",
            fn: _this.edit
          },
          revoke: {
            text: "  ",
            fn: _this.revoke
          },
          setWorker: {
            text: "     ",
            fn: _this.setWorker
          }
        },
        [sh]: {
          agree: {
            text: "  ",
            fn: _this.agree
          },
          reject: {
            text: "  ",
            fn: _this.reject
          },
          setWorker: {
            text: "     ",
            fn: _this.setWorker
          }
        },
        [qs]: {
          setWorker: {
            text: "     ",
            fn: _this.setWorker
          }
        }
      };
      return buttonPermissions[status] || {};
    }
  },

このようにして多くのロジックをページの中から抽出してjsの中に置くことができますこのようにページもはっきりしていますロジックも1つのメンテナンスに統一されて便利になりました.ここについでに私の楠兄(後端)に感謝します.ハハハ