//文字裡面這樣用
<option>{{Item.title}}</option>
//三個值的時候 會是 物品、key、索引值 (目前這個沒用過)
v-for="(item, key, index) in list"//兩個值的時候 會是 物品、索引值 (這好用)
<li v-for="(item, index) in list">
//屬性裡面這樣用
<select :class="Item.classs">
屬性裡面 加上 JS
<img :src="'../' + item.pic">HTML
<select id="p1″>
<option :value=`${s.id}` v-for="(s, index) in mypost" :selected="index == 1″>{{s.title}}</option>
</select>
JS
banner = new Vue({
el: ‘#postbig’,
data: {
mypost: []
}
});
這邊
:selected="index == 1″
就是 如果索引值等於1 就出現selected選取狀態
因為 JSON OBJECT不是ARRAY
所以PUSH不能用
但你可以用concat
範例
var p_data= d2.concat(d1);
意思就是 p_data = d2的資料加上d1的資料
這邊類似push概念
而很奇怪的是filter可以用唷!!!
JS端=================================
//vm 是js裡可以用的陣列格式 例如 vm[0][‘id]=189;
//JSON.stringify(vm) //轉成json資料格式
//JS AJAX送出
$.ajax({
type: “POST",
url: “indexBlock_savedata.php",
data: JSON.stringify(vm),
contentType: “application/json; charset=utf-8″,
dataType: “json",
success: function(data){
console.log(data);
},
failure: function(errMsg) {
//console.log(666666);
}
});
PHP端接收=================================
$json_string=file_get_contents(“p h p://input"); //得到postman發送來的資料： (注意這一段有錯唷 要把p空格h空格p的空格刪除)
//$data = json_decode($json_string) //json轉Object，使用$data->account方式
$data = json_decode($json_string, true);//json轉Array，使用$data[“account"]方式
//echo count($data);
//echo $data[0][‘id’];