Question

我有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”：{ “名称”： ””， “meta”：“”， “tipo”：“” }，数据为空。

我想要的是在getActualUser方法运行后返回我的数据：

ActualUser：{name：'currentName'，meta：'currentDat'，tipo：'currentType'}

效果很好：

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

Answer 1

我以错误的方式做到了，也许它会起作用。我得到了另一种解决方案：我没有在组件中使用数据，而是使用“道具”。我不需要导入，只需要在laravel的刀片模板中调用道具，在那里我可以使用laravel中的@elements。组件中的道具：

props:{
            usuario:String
        },

现在我正在使用它：

@extends('layouts.app')

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

效果很好，如果您需要更多数据，可以在模型中添加一个功能。现在我可以在我的组件模板

中使用它

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

如何在vue js中更改导出const

1 个答案: