Welcome to mirror list, hosted at ThFree Co, Russian Federation.

InputField.vue « Form « Components « vue « src - github.com/marius-wieschollek/passwords-webextension.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 7c07b58c9d609a3f243f3e8c61ffd6ffc12dad0a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<template>
    <input :placeholder="getPlaceholder" :title="getTitle" v-model="model"/>
</template>

<script>
    import LocalisationService from '@js/Services/LocalisationService';

    export default {

        props: {
            value      : {
                type   : String,
                default: ''
            },
            placeholder: {
                type   : String,
                default: ''
            },
            title      : {
                type   : String,
                default: ''
            }
        },

        data() {
            return {
                model: this.value,
                emit : this.value
            };
        },

        computed: {
            getPlaceholder() {
                if(this.placeholder.length === 0) return;

                return LocalisationService.translate(this.placeholder);
            },
            getTitle() {
                if(this.title.length === 0) return;

                return LocalisationService.translate(this.title);
            }
        },

        watch: {
            model(value) {
                if(this.emit !== value) {
                    this.emit = value;
                    this.$emit('input', value);
                }
            },
            value(value) {
                this.emit = value;
                this.model = value;
            }
        }
    };
</script>