在data鉤子中定義好資料陣列，並使用v-for在li標籤中進行展示，並給每乙個li標籤繫結自己的key(借助第三方庫shortid生成獨一無二的id)
/h3>"text" placeholder=
"請輸入要搜尋的姓名" v-model=
"searchname"
>
<
/label>
for=
"(person,index) in persons"
:key=
"personskeys[index]"
>
})姓名：
} —— 性別：
} —— 年齡：
}<
/li>
<
/ul>
<
/div>
<
/template>
import shortid from
'shortid'
export
default,,
,,,,
,,,,
,,,,
,,,,
],personskeys:
}},mounted()
}<
/script>
ul,li
li<
/style>執行結果：
思路：輸入關鍵字後，通過計算屬性得到新的陣列進行展示。新的陣列初始情況下是等於所有人陣列的，輸入姓名後，會進行過濾，然後進行展示。
關鍵**
computed:=this;// 取出陣列中的資料
let arr =
[...persons]
;// 過濾陣列
if(searchname.
trim()
)return arr;
}}
完整**
/h3>"text" placeholder=
"請輸入要搜尋的姓名" v-model=
"searchname"
>
<
/label>
for=
"(person,index) in filterpersons"
:key=
"personskeys[index]"
>
})姓名：
} —— 性別：
} —— 年齡：
}<
/li>
<
/ul>
<
/div>
<
/template>
import shortid from
'shortid'
export
default,,
,,,,
,,,,
,,,,
,,,,
],personskeys:
}},mounted()
, computed:
=this
;// 取出陣列中的資料
let arr =
[...persons]
;// 過濾陣列
if(searchname.
trim()
)return arr;}}
}<
/script>
ul, li
li <
/style>思路：使用乙個引數記錄排序方式，根據排序方式對顯示的人員陣列進行排序。
關鍵**
computed:=this;// 取出陣列中的資料
let arr =
[...persons]
;// 過濾陣列
if(searchname.
trim()
)// 排序
if(ordertype)
else
if(ordertype ===2)
else})
}return arr;}}
,methods:
}
完整**
/h3>
/h3>
"orderbyage(0)"
>預設<
/button>
"orderbyage(2)"
>年齡↑<
/button>
"orderbyage(1)"
>年齡↓<
/button>
<
/div>
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
----
--<
/p>
"text" placeholder=
"請輸入要搜尋的姓名" v-model=
"searchname"
>
<
/label>
for=
"(person,index) in filterpersons"
:key=
"personskeys[index]"
>
})姓名：
} —— 性別：
} —— 年齡：
}<
/li>
<
/ul>
<
/div>
<
/template>
import shortid from
'shortid'
export
default,,
,,,,
,,,,
,,,,
,,,,
],personskeys:
, ordertype:0}
},mounted()
, computed:
=this
;// 取出陣列中的資料
let arr =
[...persons]
;// 過濾陣列
if(searchname.
trim()
)// 排序
if(ordertype)
else
if(ordertype ===2)
})}return arr;}}
, methods:}}
<
/script>
ul, li
li button
<
/style>
客戶端顯示Not yet reported
no.1 iis,wsus,加域的順序，不過貌似關係不大，按照這個順序就行了。no.2 kb2734608,kb2720211的影響，3.2.7600.256 kb2734608 3.2.7600.251 kb2720211 可能是客戶端wuagent版本與伺服器端不一致.截止2014 7 10,w...
Spcie客戶端顯示除錯資訊的方法
原始碼編譯並安裝spice客戶端，系統中會有乙個簡單用來測試的客戶端程式spicy，我們只需要新增spice debug命令引數，就可以看到客戶端spicy的所有除錯資訊了，並且我們也可以在 中使用封裝好的除錯資訊輸出介面，新增除錯資訊。root localhost spicy spice debu...
ssh客戶端顯示中文問題的解決
一直以來，ssh連線時我經常使用管理linux的方法，但是在客戶端不能顯示中文，一直是比較苦惱的問題，今天有空，專門上網找了下解決方案，我使用的ssh工具有三個，呵呵，putty 這個只有乙個應用程式，最簡潔 還有ssh secure shell和securecrt這三個軟體，都不能顯示中文，找了下...