Eloquent Model没有以正确的顺序连接表格

Question

我正在尝试加入2个表（staff和hr_validations），然后将结果返回到我的vuejs应用程序以显示。
我的雄辩模型：

＆＃13;

＆＃13;

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\hr_validation;

class hrvalidationController extends Controller
{
    public function getStaffLoans()
    {
    	$loan = hr_validation::join('staff','staff.staff_id','=','hr_validations.staff_id_fk')->where('hr_validations.validate',NULL);
    	$date = $loan->pluck('hr_validations.created_at');
    	$name= $loan->pluck('staff.staff_name');
    	return([$loan->pluck('staff_id_fk'), $loan->pluck('loan_amount'), $loan->pluck('loan_tenor'), $loan->pluck('loan_purpose'), $loan->pluck('description'), $date, $loan->pluck('hr_validations.id'), $name]);	
    }

＆＃13;

＆＃13;

＆＃13;

hr_validations表：

员工表：

问题在于Eloquent Model在发送到我的VueJS应用程序的结果中填充staff_name列的方式。它只是填充它显示在staff表中而不是根据hr_validations表中的staff_id_fk填充它，如下所示，当我在VueJS中迭代结果时：

如何纠正“员工姓名”列，以便为每个员工代码显示正确的员工姓名，以便下面的员工姓名栏显示[＆＃34; Anthony Babatunde＆＃34;，＆＃34; John Jackson＆＃ 34;，＆＃34; Anthony Babatunde＆＃34; ]而不是它在下面显示的内容：

任何帮助将不胜感激。谢谢！