laravel5.5 在vue中使用diffForHumans

女爷i 2022-05-18 08:53 187阅读 0赞

*   *   *  场景
         *  分析
         *  参考文档
         *  解决

### 场景 ###

*  这两天在做站内私信组件， 对话列表需要展示每条私信发送日期, humans 格式
 *  这样是不能在Vue组件直接使用的 \{ \{ message.created\_at.diffForHumans\}\}

### 分析 ###

*  首先线分析一下为什么在组件中不能使用diffForHumans方法
    
     *  `因为 message.created_at只是一个单纯的变量 , 很显然不可能具备什么方法的`
 *  `有办法直接在Vue组件中使用diffForHumans方法吗？`
    
     *  NO
 *  怎么解决这个问题呢?  
    
    
     *  `通过 引入'Moment.js'`
     *  `引入组件解决这个问题，有点没有必要，使用laravel的$appends属性解决这个问题`

### 参考文档 ###

`https://laravel.com/docs/5.5/eloquent-serialization#appending-values-to-json`

### 解决 ###

*  解决思路  
    
    
     *  给Model追加一个属性, 这个属性就是created\_at humans形式
 *  Just Do  
    
    
     *  设置获取器
     *  将获取器对应的属性添加到 $appends属性中
     *  这样在model的实列中对于多出一个没有数据库对应字段的属性 ; 然后就可以在组件中作为一个正常的变量输出就可以了

/* * 增加一个数据库中没有的字段 * */
        protected $appends = ['created_at_human'];
    
        /** * 设置关于 create_at_human 字段的获取器 * @return mixed */
        public function getCreatedAtHumanAttribute() { 
            return Carbon::createFromTimeString($this->attributes['created_at'])->diffForHumans();
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关在 Laravel 中使用 Tailwind CSS

Tailwind Tailwind 是新的 CSS 实用程序框架，它很快成为我最喜欢的构建界面的方法。通常，尝试一个新的框架、包或语言的最困难的部分是建立起来。建造 Tai

淩亂°似流年/ 2023年02月17日 11:24/ 0 赞/ 19 阅读

相关在 Laravel 7 中优雅使用 UUID 教程

使用 UUIDs 的高级理由 A) 它们从你的统一资源定位符移除编号的身份识别号，故用户不能看到你的应用已创建多少确定的对象。例如： https://mya

Love The Way You Lie/ 2022年12月19日 06:14/ 0 赞/ 527 阅读

相关 laravel mix_如何在非Laravel项目中使用Laravel Mix

laravel mix This article was peer reviewed by [Younes Rafie][], [Wern Ancheta][], and [

秒速五厘米/ 2022年12月03日 09:22/ 0 赞/ 276 阅读

相关 8. Laravel5学习笔记：在laravel5中使用OAuth授权

OAuth2.0简介 -------------------- 关于它的介绍，给出以下两篇文章，相信看完，应该对它有一定程度的了解： \[1\] [理解OAuth

电玩女神/ 2022年08月02日 04:57/ 0 赞/ 290 阅读

相关在laravel中使用用户授权策略(policy)

应用场景：假设本人的用户uid=1吗，现在我想修改个人资料user/1/edit，这时候，当我输入user/2/edit时，也能进入用户为2的个人资料进行修改。在larav

墨蓝/ 2022年06月01日 06:43/ 0 赞/ 180 阅读

相关 laravel5.5 在vue中使用diffForHumans

场景分析参考文档解决场景这两天在做站内私信组件，对话列表需要展示每

女爷i/ 2022年05月18日 08:53/ 0 赞/ 188 阅读

相关 laravel55升级到57

公司项目用的是5.5版本，也没有考虑过升级，主要是处于稳定性考虑，而且也没有必要，但是对于框架升级毕竟也没做过所以简单测试了一下。 5.5到5.6更改的内容还是比较多的，由于

傷城~/ 2022年05月13日 12:54/ 0 赞/ 292 阅读

相关 laravel在config中配置全局变量在laravel控制器和laravel模板中如何使用 config读取

laravel在config中配置全局变量在laravel控制器和laravel模板中如何使用 config读取 1.开始配置 ![在这里插入图片描述][waterm

悠悠/ 2022年01月26日 13:37/ 0 赞/ 311 阅读

相关 Elasticsearch7.*安装和在laravel中使用

Elasticsearch概念 Elasticsearch是一个基于[Lucene][]的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful we

ゞ浴缸里的玫瑰/ 2021年09月09日 12:46/ 0 赞/ 481 阅读

相关在 Laravel 5 中使用仓库模式

> 原文：[Using Repository Pattern in Laravel 5][] 最近有很多关于设计模式的讨论，最常见的问题之一是“我该如何将一些模式与技术结合使

野性酷女/ 2021年09月08日 02:00/ 0 赞/ 348 阅读