как изменить экспорт const в vue js - PullRequest
Новая
       11

как изменить экспорт const в vue js

0 голосов
/ 23 мая 2018

У меня есть const: 

export const globalUser = new Vue({
  created: function(){
    this.getActualUser();   
  },
  data: {
    ActualUser: {name:'',meta:'',tipo:''}
  },
  methods:{
    getActualUser: function(){
        var urlMeta='usuarioActual';
                axios.get(urlMeta).then(response=>{
                    this.ActualUser=response.data;
                });
    }   
  }
});

Теперь я импортирую это в компонент vue js 

import {globalUser} from '../app.js'

Вот мои данные: 

data:function(){
            return {
                usuarioActual:globalUser.ActualUser,
                anotherData:{}
            }
   }

Это возвращает меня: "usuarioActual": {"name": "", "meta": "", "tipo": ""}, данные пусты.

Что я хочу, так это возврат меняданные после выполнения метода getActualUser:

ActualUser: {name: 'currentName', meta: 'currentDat', tipo: 'currentType'}

Работает хорошо:

axios.get(urlMeta).then(response=>{
                        this.ActualUser=response.data;
                    });

1 Ответ

0 голосов
/ 23 мая 2018

Я сделал это неправильно, возможно, это будет работать.Я получаю другое решение: вместо использования данных в компонентах, я использую "реквизит".Мне не нужно импортировать, просто называется реквизит в шаблоне лезвия laravel, там я могу использовать @elements из laravel.Реквизиты в компоненте: 

props:{
            usuario:String
        },

Теперь я использую это: 

@extends('layouts.app')

@section('content')
<user-component usuario="{{ Auth::user()->name }}"></user-component>
@endsection

Работает хорошо, если вам нужно больше данных, вы можете добавить функцию в модель.Теперь я могу использовать это в моем шаблоне компонента 

<template>
   <tr v-if="{{usuario}} =='Admin'">
...