現在Vuejsのクエリパラメータに下記のような「tag」データをバインドしているとします。
この「tag」が3つ以上であれば「設定できるタグは2つまでです」というアラートを出し、処理を止めたいと考えております。
Vuejsというよりjavascriptの書き方の問題かと思いますが、下記のif文ではうまくいかず、どのようにすればよいのでしょうか。
// クエリパラメータ(this.$route.query.tag) query:Object page:1 tag:Array[2] 0:Object id:125 tag:"hoge" 1:Object id:109 tag:"fuga"
Javascript
1 methods: { 2 setTagData: function(Value) { 3 this.$route.query.tag = Value; 4 }, 5 getDataByTags() { 6 var tags = Object.keys(this.$route.query.tag).length; 7 8 // 3つ以上のタグはNGとする 9 if (tags > 3) { 10 return false; 11 } 12 // 2つ以下であればタグを使用した検索へ 13 get(`/api/search-tag/` + this.$route.query.tag[0].id + `/search-tag/` + this.$route.query.tag[1].id) 14 .then((res) => { 15 // 16 }) 17 .catch((err) => { 18 // 19 }) 20 21 },
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/11 16:59