60.用户名自动补齐(一)

未匹配的标注

本节说明

  • 对应视频教程第 60 小节:Instant Username Autocompletion

本节内容

上一节我们为被 @ 的用户名加上了a标签,现在我们来尝试发表回复:
file
看起来我们需要修改显示的内容:
forum\resources\assets\js\components\Reply.vue

            .
            .
            <div v-else v-html="body"> </div>
        </div>

        <div class="panel-footer level" v-if="canUpdate">
            <button class="btn btn-xs mr-1" @click="editReply">Edit</button>
            <button class="btn btn-xs btn-danger mr-1" @click="destroy">Delete</button>
        </div>

    </div>
</template>

现在显示已经正常:
file
我们将利用 At.js来完成我们用户名自动补齐功能的前端效果。在本节,你可以先行了解 At.js 的基本用法,我们将在下一节正式使用它。

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~