vue表示法

//文字裡面這樣用
<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">

vue裡 selected預設選取作法其一

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操作

因為 JSON OBJECT不是ARRAY

所以PUSH不能用

但你可以用concat

範例

var p_data= d2.concat(d1);

意思就是 p_data = d2的資料加上d1的資料

這邊類似push概念

 

而很奇怪的是filter可以用唷!!!

js ajax to php

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’];