コンテンツ管理(八)02-削除-応答無コンテンツ処理-JSOONBIG.parse(null)エラー-コードはtry{}catch(){}を使用し、ポップアップボックスはメッセージコンポーネントの使用を確認する


11-コンテンツ管理-削除-応答無コンテンツ処理
  • 削除ボタンをクリック
  • 記事ID取得(テストアカウント削除無効)
  • 要求削除インタフェース
  • が成功した後
  • メッセージ削除成功
  • 更新リスト


  • 応答なしの処理:api/index.js
    //             
    axios.defaults.transformResponse = [data => {
         
      //  data(       )    
      //                   
      // JSONBIG.parse(null)    ,      try{}catch(){}
      try {
         
        return JSONBIG.parse(data)
      } catch (e) {
         
        return data
      }
    }]
    

    正常に削除する機能:view/article/index.vue
    バインディング削除イベント:
    <el-button
                  type="danger"
                  @click="delArticle(scope.row.id)"
                  icon="el-icon-delete"
                  circle
                  plain
                >el-button>
    

    弾枠-メッセージ・コンポーネントの使用を確認します.
     //     
        delArticle (id) {
         
          this.$confirm(' ,           ,     ?', '    ', {
         
            confirmButtonText: '  ',
            cancelButtonText: '  ',
            type: 'warning'
          }).then(async () => {
         
            //          
            //    5       ——   get      post      put        delete      patch       
            await this.$http.delete(`articles/${
           id}`)
            //     
            this.$message.success('    ')
            //     ,    
            this.getArticles()
          }).catch(() => {
         
            //          
          })
        },