opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-10-25 10:24:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Use computed to handle nested v-models, better pattern

Browse Source
This commit is contained in:
guerler
2019-04-12 13:58:10 -04:00
parent 7fbdf3a2b2
commit b93e643b2d
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/scripts/components/DataDialog/DataDialogSearch.vue
+10 -5
View File
@@ -1,8 +1,8 @@
<template>
<b-input-group>
<b-input v-model="value" placeholder="Type to Search" />
<b-input v-model="filter" placeholder="Type to Search" />
<b-input-group-append>
<b-btn :disabled="!value" @click="value = ''">Clear</b-btn>
<b-btn :disabled="!filter" @click="filter = ''">Clear</b-btn>
</b-input-group-append>
</b-input-group>
</template>
@@ -15,9 +15,14 @@ Vue.use(BootstrapVue);
export default {
props: ["value"],
watch: {
value: function(new_value) {
this.$emit("input", new_value);
computed: {
filter: {
get() {
return this.value;
},
set(val) {
this.$emit('input', val);
}
}
}
};