第二章 Vue快速入門 28 自定義按鍵修飾符

2022-02-10 20:50:42 字數 4625 閱讀 5873

事件處理-按鍵修飾符

>新增品牌

h3>

22div

>

23<

div

class

="panel-body form-inline"

>

24<

label

>

25id:

26<

input

type

="text"

class

="form-control"

v-model

="id"

>

27label

>

2829

<

label

>

30name:

31<

input

type

="text"

class

="form-control"

v-model

="name"

@keyup.f2

="add"

>

32label

>

3334

<

input

type

="button"

value

="新增"

class

="btn btn-primary"

@click

="add()"

>

3536

<

label

>

37搜尋名稱關鍵字:

38<

input

type

="text"

class

="form-control"

v-model

="keywords"

>

39label

>

4041

div>

42div

>

4344

4546

<

table

class

="table table-bordered table-hover table-striped"

>

47<

thead

>

48<

tr>

49<

th>id

th>

50<

th>name

th>

51<

th>ctime

th>

52<

th>operation

th>

53tr

>

54thead

>

55<

tbody

>

5657

5859

<

tr v-for

="item in search(keywords)"

:key

="item.id"

>

60<

td>}

td>

61<

td v-text

="item.name"

>

td>

62<

td>}

td>

63<

td>

64<

a href

=""@click.prevent

="del(item.id)"

>刪除

a>

65td

>

66tr

>

67tbody

>

68table

>

6970

71div

>

7273

<

div

id>

74<

h3>}

h3>

75div

>

7677

78<

script

>

79//

全域性的過濾器,進行時間的格式化

80//

所謂的全域性過濾器,就是所有的vm例項都共享

81vue.filter(

'dateformat',

function

(datestr,pattern=""

)-$-$`

9394

if(pattern.tolowercase()

==='

yyyy-mm-dd')

-$-$`

96}else-$

-$ $:$:$`

102}

103104

})105

106//

自定義全域性按鍵修飾符

107vue.config.keycodes.f2

=113

108109

110//

建立 vue 例項,得到 viewmodel

111var

vm =

newvue(,

119120

]121

},122

methods:

133this

.list.push(car)

134this

.id=

this

.name=''

135},

136del(id)

147})

*/148

149var

index

=this

.list.findindex(item

=>

153})

154//

console.log(index)

155this

.list.splice(index,1)

156},

157158

search(keywords)

164})

165return newlist

*/166

//注意:foreach some filter findindex 這些都屬於陣列的新方法,

167//

都會對陣列中的每一項,進行遍歷,執行相關操作;

168return

this

.list.filter(item

=>

176})

177}

178}

179});

180181

//如何自定義乙個私有的過濾器()

182var

vm2=

newvue(,

187methods:{},

188filters:-$

-$`202}

else-$

-$ $:$:$

~~~~~~~

`208

}209

}210

}211

212})

213214

215script

>

216body

>

217html

>

第二章 c c 快速入門

1.整數範圍選擇 10 9以內或者32位整數,用int。10 18以內或者64位整數用long long 2浮點型用double即可。3字元常量用ascii統一編碼。標準ascii範圍0 127。0 9,a z,a z對應的ascii碼分別為48 57,65 90,97 122.4.字串可以直接賦值...

第二章 C C 快速入門

1.c和c 部分區別 輸入輸出,指標引用 c語言的scanf和printf比c 的cin和cout要快 2.標頭檔案是什麼 include 例如stdio是標準輸入輸出庫,h是標頭檔案的檔案格式。檔案中包含一些跟輸入輸出有關的東西,程式需要輸入輸出的時候,需要引用標頭檔案才能使用檔案裡的輸入輸出函式...

第二章 入門

第二章 入門 1 django 安裝 使用 django 的唯一先決條件是安裝 python 在 linux 平台可能包括如下步驟 2 tar xzvf django tar.gz。3 cd django 4 sudo python setup.py install。2 匯入 django模組 im...