Vue.js無名のアクセス変数

Question

vueのデータ収集から変数にアクセスできるかどうかを知りたかったのですが、別の変数で変数名を指定するだけでした。

私の変数/プロパティの一部：これは私が何を意味するかである

var siteAdminVue = new Vue({ 
    el: "#siteAdmin", 
    data: { 
    tagtitle: "", 
    tagparent: "", 
    tagdesc: "", 
    badgestitle: "",      
    badgesdesc: "",    
    badgesprivilege: 0,     
    newstitle: "",      
    newsnotify: false,     
    newscontent: "", 
}    

そして今、私はVUEでの私のいずれかの方法でこれらのプロパティの一部を設定したい：

var self = this; 
    var type = currentSection.toString().substr(4); 
    var selectElement = document.getElementById(currentSection + "select"); 

    // name of vue property, for example newstitle 
    var titleElement = type + "title";  

    self.[titleElement]= selectElement.value; 

私はnewstitle、badgestitleなどを設定する必要があるかどうかを確認するためにswitch文を使用したくないので、すでにvueで定義されている変数にその名前を格納して設定できると思った。これを行う方法はありますか？事前に

おかげ

Answer 1

確かに、あなたが取得し、ドット/ブラケット表記法を使用してプロパティを設定することができることを意味し、jsオブジェクトとしてのVueのデータを扱うことができます。

試しましたか？ self[titleElement]= selectElement.value;が動作するはずです。