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

wordpress 升級後 Visual Composer 壞掉 BUG 無法使用

wordpress 升級後 Visual Composer 壞掉 BUG 無法使用

找到 這段

html2element: function(html) {
    var $template, attributes = {},
    template = html;
	
    $template = $(template(this.model.toJSON()).trim());

    if($template.get(0)){
        _.each($template.get(0).attributes, function(attr) {
        attributes[attr.name] = attr.value
    })};
	
    this.$el.attr(attributes).html($template.html()),
    this.setContent(),
    this.renderContent()
},

改成以下這段

html2element: function(html) {
            var $template, attributes = {},
                template = html;
            $template = $(template(this.model.toJSON()).trim()), _.each($template.get(0).attributes, function(attr) {
                attributes[attr.name] = attr.value
            }), this.$el.attr(attributes).html($template.html()), this.setContent(), this.renderContent()
        },

喔對了很重要,請用無痕模式打開一次,不然請確認快取重刷了,因為我是用無痕才OK,chrome快取跟本清不掉。

原文出處
https://stackoverflow.com/questions/36605420/plugin-throwing-typeerror-after-wordpress-4-5-update

vue select默認選中預設選項

HTML====

<!– VUE –>
<div id="app-4″>
<select name="e_location_id" id="e_location_id" v-model="cool">
<option v-for="todo in todos" :value="todo.d_id" >
{{ todo.d_title }}
</option>
</select>
</div>

 

JS====

var app4 = new Vue({
el: ‘#app-4′,
data: {
cool:’2’, //這邊默認id值即可 預設是該id值的選項
todos:[{“d_id" : “1″,"d_title" : “顆顆"},{“d_id" : “2″,"d_title" : “呵呵"}]
},

})

php function裡用外部變數

php function裡用外部變數

(php 5.4 測試適用)

$a = 1; /* global scope */

function test()
{
global $a;  /* reference to local scope variable */
echo $a;
}

google機器人驗證超簡單

google機器人驗證超簡單
https://www.google.com/recaptcha/admin#

右上角建立驗證

然後 STEP1

<script src=’https://www.google.com/recaptcha/api.js’></script>

放到你的網頁中

STEP2
<div class="g-recaptcha" data-sitekey="XXXXXXXXXXX"></div>
這一段是產生驗證機器人的這個程式就是底下這個,看你自己要放哪邊囉

驗證1

 

STEP3

填入Key Settings

Label 可以填 我所有的驗證網站,

Domains 很重要

每一行填一個網址由於我懶得測試,所以每個子網域我也加入了
以下範例

www.abc.com
abc.com
son.abc.com
www.mounts-studio.com
mounts-studio.com
www.goods-design.com.tw
goods-design.com.tw

再來所有者,填入email就好囉,
最重要的來了,下面要按[SAVE]儲存
官方說要等待30分鐘,我自己實測幾乎是save完realtime同步反應成功。

KEY2

 

網頁設計,小事一樁,littlething

高興
studio.goods@gmail.com