2016-12-13 14 views
7

vue.js. Angularjs uygulamamı taşımaya başlıyorum. Yeni bir basit web paketi projesi oluşturmak için vue cli kullanıyorum. Bu, yeni bir webpack + vueLoader projesi oluşturur. Her şey sorunsuz geçti ama şimdi bir sorunum var. @click olayımda Verilerimi değiştirmek istiyorum ancak nesneye erişemiyorum. 'Bu' veri örneği değil.Bir yöntemin içinden veriye nasıl erişilir?

Burada nelerin eksik? Bu örnek veri beklendiği gibi değil ve bu nedenle güncelleştirilmedi. vue js doc

bir Yardım takdir: vuejs doküman içinde ben sadece bir yöntemde ise, bu yeterlidir ele görebilir.

Saygılarımızla.

Sen this window atıfta çünkü Vue örnek verileri almak için bir Vue örneğinin içine this başvurmak için bir ok işlevini kullanamazsınız

cevap

15

doğru ES6 sözdizimi şöyledir: Ok fonksiyonu ile

setAccountType(typeId){ 
    this.accountType = typeId 
} 

JSFiddle: https://jsfiddle.net/zxqohh0L/

olmayan ok ES6 fonksiyonu ile

JSFiddle: hala yöntemlerle onları içeride ok işlevlerini kullanabilirsiniz https://jsfiddle.net/zxqohh0L/1/

canlarından.

+0

olağanüstü bir yanıt. –

+0

eforu için çok teşekkür ederim Çok iyi bir açıklama, ok işlevli bir işlev içindeki verilere erişmek için kazıyordum. Cevabınız, sorunumu gerçekten düzeltti ve daha iyi anlamaya da yardımcı oldu. – krrr25

+0

Çok teşekkür ederim! Bunun üzerine iki saat boşa gitti. bu beni deli ediyor. –

İlgili konular