23 自定義指令 改變字的顏色v color指令

2022-06-28 05:36:12 字數 3055 閱讀 3638

="新增"

@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...