+16
-25
lines changedFilter options
+16
-25
lines changed Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
1 1
<template>
2 2
<section class="uiv">
3 -
<alert>You selected: {{ selected }}</alert>
4 -
<dropdown
3 +
<Alert>You selected: {{ selected }}</Alert>
4 +
<Dropdown
5 5
ref="dropdown"
6 6
v-model="show"
7 7
:not-close-elements="ele"
8 8
class="dropdown-form"
9 9
>
10 -
<btn type="primary" class="dropdown-toggle"
10 +
<Btn type="primary" class="dropdown-toggle"
11 11
>Dropdown Form <span class="caret"></span
12 -
></btn>
12 +
></Btn>
13 13
<template #dropdown>
14 14
<li class="checkbox">
15 15
<label>
@@ -29,35 +29,26 @@
29 29
</label>
30 30
</li>
31 31
<li>
32 -
<btn block type="primary" @click="show = false">Apply</btn>
32 +
<Btn block type="primary" @click="show = false">Apply</Btn>
33 33
</li>
34 34
</template>
35 -
</dropdown>
35 +
</Dropdown>
36 36
</section>
37 37
</template>
38 -
<script>
39 -
import { onMounted, ref } from 'vue';
40 38 41 -
export default {
42 -
setup() {
43 -
const show = ref(false);
44 -
const dropdown = ref(null);
45 -
const ele = ref([]);
46 -
const selected = ref([]);
39 +
<script setup>
40 +
import { onMounted, ref } from 'vue';
47 41 48 -
onMounted(() => {
49 -
ele.value.push(dropdown.value.$el);
50 -
});
42 +
const show = ref(false);
43 +
const dropdown = ref(null);
44 +
const ele = ref([]);
45 +
const selected = ref([]);
51 46 52 -
return {
53 -
ele,
54 -
dropdown,
55 -
show,
56 -
selected,
57 -
};
58 -
},
59 -
};
47 +
onMounted(() => {
48 +
ele.value.push(dropdown.value.$el);
49 +
});
60 50
</script>
51 + 61 52
<style>
62 53
.uiv .dropdown-form .dropdown-menu {
63 54
padding: 10px;
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4