Vue.js值無法訪問

Question

由於某種原因，我無法在我的方法delete中訪問this.active。什麼 可能在這裏是錯的？

data() { 
    return { 
     ride: { user: {}, location: {}, type: {} }, 
     active: false 
    } 
    }, 

    methods: { 
    delete() 
    { 
     this.active = true; 
    } 
    } 

所以，如果我點擊一個按鈕來刪除被觸發，但如果我看在VUE dev tools積極保持假的？

Answer 1

試試這個，可能對你有幫助

data() { 
    return { 
     ride: { user: {}, location: {}, type: {} }, 
     active: false 
    } 
    }, 

    methods: { 

    delete() 
    { 
     var vm = this ; 
     vm.active = false; 
    } 
    } 

Answer 2

，你在你的問題有代碼在這個片段中正常工作。隨意使用此代碼段，使其更像您的問題代碼，直到您能夠重現問題。

new Vue({ 
 
    el: 'body', 
 
    components: { 
 
    one: { 
 
     template: '#one-template', 
 
     data() { 
 
     return { 
 
      ride: { 
 
      user: {}, 
 
      location: {}, 
 
      type: {} 
 
      }, 
 
      active: false 
 
     } 
 
     }, 
 

 
     methods: { 
 
     delete() { 
 
      this.active = true; 
 
     } 
 
     } 
 
    } 
 
    } 
 
});

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script> 
 
<template id="one-template"> 
 
    <button @click="delete">Delete</button> 
 
    {{active}} 
 
</template> 
 

 
<one></one>