="新增"
@click
="add"
>
<
span
v-color
="'pink'"
>品牌檢索:
span
>
<
input
type
="text"
v-model
="keywords"
@change
="searchname"
v-focus
>
<
table
border
="1"
>
<
tr>
<
th>序號
th>
<
th>名稱
th>
<
th>時間
th>
<
th v-color
>操作
th>
tr>
<
tr v-for
="item in searchname()"
:key
="item.id"
>
<
td>}
td>
<
td>}
td>
<
td>}
td>
<
td>
<
a href
="#"
@click.prevent
="del(item.id)"
>刪除
a>
td>
tr>
table
>
div>
body
>
<
script
>
vue.directive(
"color",,
inserted:
function
(el){}
})//全域性自定義獲得焦點v-focus指令
//注意:vue自定義指令名稱中,不需要寫v-字首,但是,在呼叫自定義指令的時候,必須自前面加上v-字首,但是,在呼叫自定義指令的時候,必須自前面加上v-字首
vue.directive(
"focus",,
//今後在自定義指令的時候,如果要操作元素的js行為,最好寫到inserted中
inserted:
function
(el)
})"過濾器將來被呼叫的名稱",過濾器的處理函式)
//如果要為過濾器傳遞引數,則傳遞的引數只能在第二個形參的位置開始接收,如果要傳第三個,往後加即可
vue.filter(
"addstr",
function
(data,str))
//注意:過濾器處理函式中,第乙個形參,作用已經被定死了,永遠是管道符前面的值
vue.filter(
'formatdate',
function
(data))
//建立vue例項,得到viewmodel
varvm
=new
vue(,,,
]},
methods:)
this
.id=
this
.name=""
}, del(id)
return
item.id
==id
})this
.pinpai.splice(index,1)
console.log(index)
},searchname())
*///
也可以把上面三行**變一行
return
this
.pinpai.filter(item
=>
item.name.includes(
this
.keywords))}}
});script
>
html
>
vue 23 自定義指令
使用 vue.directive 定義全域性指令 其中 引數1 指令的名稱,注意,在定義的時候,指令的名稱前面,不需要加 v 字首 引數2,是乙個物件,在這個物件身上 鉤子函式 乙個指令定義物件可以提供如下幾個鉤子函式 均為可選 bind 只呼叫一次,指令第一次繫結到元素時呼叫。在這裡可以進行一次性...
MFC 改變Eidt背景顏色 自定義類
新建乙個mfc工程並新增乙個新類,這裡我的叫做ccoloredit 父類是cedit,在新類中重寫 wm ctlcolor事件,注意是 不是wm ctlcolor,在函式中新增 hbrush ccoloredit ctlcolor cdc pdc,uint nctlcolor return null...
VB程式設計 自定義過程改變窗體顏色 53
程式原始碼 dim a 5 as string private sub combo1 click a 5 combo1.text end sub private sub command1 click cb a 5 form1 end sub private sub form load dim i a...