vue

前言 本篇文章带来Vue.js的事件机制，具体的分析点如下： $emit、$on、$off、$once背后的处理逻辑@click形式背后的处理逻辑 具体逻辑梳理 实际上在 Vue初始化 这篇文章中就提及了事件相关实例方法的创建，这里就在具体说下。 在Vue.js文件加载执行，其中会执行eventsMixin函数，该函数的作用就是： 创建事件相关的的原型方法，即$on、$once、$off、$emi…

1、样式部分(.css) <style> *{ margin: 0; padding: 0; } a,li{ text-decoration: none; list-style-type: none; } #app{ padding-top: 50px; width: 100%; height: 1000px; background-color: rgb(92, 168, 92); }…

在vue element ui项目中遇到了多选后与后端传值的情况。后端接收方式是数组，我这边勾选后要转换成数组传给后端，然后请求到数据后也要转换成数组展现出来。 效果图如下： 代码展示：<template></template>： <el-form-item label="福利待遇:" prop="welfare_tag"> <el-select mult…

前言：自从学习 vue 以来，就对 vue 官网全局的 command + K 调出全局关键词搜索这个功能心心念念。恰好最近项目也是需要实现一个全局搜索的功能，也正好可以正大光明的带薪学习这个功能的思路。网上的教程水平参差不齐，而恰好之前的项目中我有做过一个类似于全局弹出面包屑的功能，于是举一反三写出了一个我们项目需要的全局搜索框，特来分享一下自己的思路。 注意：本文不会马上教你如何编写代码，而是…

Ant Design Vue实现a-table表格单元格合并 参考Ant design Vue官网关于行和列合并api https://antdv.com/components/table-cn/ 下面官网对表格合并这块的描述 ！！！注意注意注意重要事情说三遍：很多同学都习惯性的将columns写在data外，如果使用表格合并，会报错，提示缺少‘h’，定义的columns一定要写在data中，否则…

解决方法：查到vue.cmd的具体所在路径，并添加到环境变量中。 vue.cmd路径：C:\Users\Administrator\AppData\Roaming\npm，或者：C:\Users\Administrator\AppData\Roaming\npm\node_modules@vue\cli-init\node_modules.bin 要以实际情况为准。 以下是发现和解决问题过程： n…

router 路由详细教程 一、前端路由的概念与原理1. 什么是路由2. SPA与前端路由3. 什么是前端路由4. 前端路由的工作方式5. 实现简易的前端路由 二、vue-router的基本用法1. 什么是 vue-router2. vue-router 安装和配置的步骤3. 声明路由的匹配规则 三、vue-router 的常见用法1. 路由重定向2. 嵌套路由2.1 声明子路由链接**和子路由占…