我想从要计算的对象中获取属性,但据我所知,这不受支持。
我试过使用类似的东西,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>
我希望全名会出现,但它没有。