# weforms/1.4.3/assets/components/field-name/index.js

weForms – Easy Drag & Drop Contact Form Builder For WordPress, version 1.4.3. 33 lines.

- Page: https://pluginprobe.com/plugins/weforms/1.4.3/code/assets/components/field-name/index.js
- Raw: https://pluginprobe.com/plugins/weforms/1.4.3/raw/assets/components/field-name/index.js
- Modified: 2019-11-18T04:29:52+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/weforms/1.4.3/code/assets/components/field-name/index.js#L10-L20`.

```javascript
Vue.component('field-name', {
    template: '#tmpl-wpuf-field-name',

    mixins: [
        wpuf_mixins.option_field_mixin
    ],

    computed: {
        value: {
            get: function () {
                return this.editing_form_field[this.option_field.name];
            },

            set: function (value) {
                this.update_value(this.option_field.name, value);
            }
        }
    },

    methods: {
        on_focusout: function (e) {
            wpuf_form_builder.event_hub.$emit('field-text-focusout', e, this);
        },
        on_keyup: function (e) {
            wpuf_form_builder.event_hub.$emit('field-text-keyup', e, this);
        },
        insertValue: function(type, field, property) {
            var value = ( field !== undefined ) ? '{' + type + ':' + field + '}' : '{' + type + '}';
            this.editing_form_field[property.name][property.type] = value;
        },
    }
});

```