Как использовать вычисляется для атрибута объекта? - PullRequest
Новая
       41

Как использовать вычисляется для атрибута объекта?

2 голосов
/ 23 апреля 2019

Я хочу получить атрибут из объекта, который нужно вычислить, но, насколько мне известно, это не поддерживается.

Я пытался использовать что-то вроде objects.atributes:{ /*codes */ }, но получил ошибки.

Я хочу добиться чего-то вроде этого: 

<template>
    <div class="form">
        <form>
            <div class="form-group">
                <label>First Name : </label>
                <input type="text"  v-model="firstName" name="firstname" class="form-control">
            </div>
            <div class="form-group">
                <label>Last Name : </label>
                <input type="text"  v-model="lastName" name="lastname" class="form-control">
            </div>
            <div class="card text-center">
                Full name is: {{ formdata.fullname }}
            </div>

        </form>
    </div>
</template>

<script>
export default {
  data(){
    return {
      firstName:'',
      lastName:'',
      formdata:{
        computed:{
          fullname:{
            get:function(){
              return this.firstName + ' ' + this.lastName
            }
          }
        }
      },
    }
  },
  /*    I have tried this too, and got syntax error
  computed:{
    formdata.fullname{
      get:function(){
        return this.firstName + ' ' + this.lastName
      }
    }
  }
  */
}
</script>

Я ожидал, что появится полное имя, но это не так.

1 Ответ

4 голосов
/ 23 апреля 2019

Вычисляемые свойства определяются вне объекта данных.Сделайте это так: 

export default {
    data() {
        return {
            firstName:'',
            lastName:'',
        }
    },
    computed: {
        fullname: function() {
            return this.firstName + ' ' + this.lastName;
        }
    }
}

<div class="card text-center">
    Full name is: {{ fullname }}
</div>
...