We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 7d7e226 commit 292530bCopy full SHA for 292530b
components/Example1.vue
@@ -25,7 +25,7 @@ export default {
25
<template>
26
<div>
27
<h2>1. Hello, World!</h2>
28
- <ElButton type="primary" data-cy="btn-hello-world"@click="helloWorld()"
+ <ElButton @click="helloWorld()"type="primary" data-cy="btn-hello-world"
29
>Hello</ElButton
30
>
31
<p>Response: {{ response }}</p>
components/Example2.vue
@@ -31,10 +31,10 @@ export default {
<ElForm
32
ref="form"
33
:model="form"
34
+ @submit.native.prevent="helloName(form.name)"
35
inline
36
label-width="auto"
37
label-position="left"
- @submit.native.prevent="helloName(form.name)"
38
39
<h2>2. Hello, {name}</h2>
40
<ElFormItem label="Name">
@@ -46,9 +46,9 @@ export default {
46
/>
47
</ElFormItem>
48
<ElButton
49
+ @click="helloName(form.name)"
50
type="primary"
51
data-cy="btn-hello-name"
- @click="helloName(form.name)"
52
53
👋 Say hello
54
</ElButton>
components/Example3.vue
@@ -44,10 +44,10 @@ export default {
44
45
+ @submit.native.prevent="helloNamePost(form.name)"
- @submit.native.prevent="helloNamePost(form.name)"
<h2>3. Hello, {name} (POST version)</h2>
@@ -58,16 +58,16 @@ export default {
58
59
60
61
+ @click="helloNamePost(form.name)"
62
63
data-cy="btn-hello-name-post"
- @click="helloNamePost(form.name)"
64
65
66
67
68
+ @click="helloNamePostError(form.name)"
69
type="danger"
70
data-cy="btn-hello-name-post-error"
- @click="helloNamePostError(form.name)"
71
72
.$get() Error
73
components/Example4.vue
+ @submit.native.prevent="randomCat(form.name)"
- @submit.native.prevent="randomCat(form.name)"
<h2>4. Get a random cat with your name</h2>
<p><em>API call done by your browser</em></p>
@@ -47,9 +47,9 @@ export default {
+ @click="randomCat(form.name)"
data-cy="btn-random-cat"
- @click="randomCat(form.name)"
🐈 Meow
55
@@ -59,8 +59,8 @@ export default {
<br />
<img
v-show="response"
- data-cy="img-random-cat"
:src="response"
+ data-cy="img-random-cat"
style="width:100%;height:auto;"
</p>
components/Example5.vue
@@ -41,18 +41,18 @@ export default {
41
42
43
+ @submit.native.prevent="icanhazip()"
- @submit.native.prevent="icanhazip()"
<h2>5. icanhazip.com</h2>
<p><em>API call done by lambda function</em></p>
<p>Your IP: {{ ip }}</p>
- <ElButton type="primary"@click="icanhazip()">
+ <ElButton @click="icanhazip()"type="primary">
🤖 Haz AWS IP please
- <ElButton type="info"@click="response = '—'">Clear</ElButton>
+ <ElButton @click="response = '—'"type="info">Clear</ElButton>
56
57
<p v-if="error" style="color:red;">
<strong>Error {{ error.status }}</strong>
components/Example6.vue
@@ -82,10 +82,10 @@ export default {
82
<ElFormItem label="Email" prop="email">
83
<ElInput v-model="form.email" placeholder="Your email" required />
84
85
- <ElButton type="primary"@click="submitForm('mailgunForm')">
+ <ElButton @click="submitForm('mailgunForm')"type="primary">
86
💌 Send form
87
88
- <ElButton type="info"@click="resetForm('mailgunForm')">Reset</ElButton>
+ <ElButton @click="resetForm('mailgunForm')"type="info">Reset</ElButton>
89
90
91
components/Example7.vue
@@ -32,16 +32,16 @@ export default {
+ @submit.native.prevent="sendSlackMessage(form.name)"
- @submit.native.prevent="sendSlackMessage(form.name)"
<h2>7. Send a Slack message</h2>
<ElInput v-model="form.name" placeholder="Your name" />
- <ElButton type="primary"@click="sendSlackMessage(form.name)">
+ <ElButton @click="sendSlackMessage(form.name)"type="primary">
AltStyle によって変換されたページ (->オリジナル) / アドレス: モード: デフォルト 音声ブラウザ ルビ付き 配色反転 文字拡大 モバイル
0 commit comments