Question

每个人。我正在做一个项目，但我只停留在某个特定点上。在后端，我正在使用Laravel 5.6和MySQL。我发出一个返回简单JSON这样的请求：

{ 编号：1 名称：“某人”，最低工资：2600.5，最高工资：3512.35 }

我像其他任何GET请求一样，在Vue + axios的前端使用此结果，并将其分配给员工列表。

this.axios.get(process.env.ROOT_API + 'employee/${id}', auth)
  .then(response => {
    if (response.data) {
      this.employee = response.data;
    }
  }, (error) => { 
      console.log(error.response.data);
 });

我正在通过这样定义的方法将此数据传递给另一个子组件：

onEdit (id) {
  // Send data received from axios and stored in 'emmployee'
  bus.$emit('editEmployee', this.employee);
}

在子组件内部，我正在听这样的事件：

mounted () {
  bus.$on('editEmployee', (data) => {
    console.log(data);
    this.newEmployee = data;
    console.log(this.newEmployee);
  }
}

日志结果如下：

// data from parent component
{ id: 1, name: "someone", salary_min: 2600.5, salary_max: 3512.35 }

// newEmployee model
{ id: 1, name: "someone", salary_min: "0.00", salary_max: "0.00" }

以某种方式，在分配过程中，十进制值将被清零并转换为字符串。我不明白发生了什么。有任何线索吗？

无法通过事件发射为模型分配正确的数据

0 个答案: