1.简介用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容通过插槽定制组件的结构，可以提高组件的可复用性父组件的变量，函数都可以在插槽中使用2.默认插槽2.1 使用：在父组件内注册使用子组件，在组组件内添加<slot></slot>，在父组件中引用的子组件上，写的任何内容都会被渲染到子组件的<slot></slot>中&
目前所做的项目都是后台管理系统，前端框架用的VUE，为了开发速度快，我们都会选择合适的组件库。诶！饿了么团队开发的elementUI就被我们选中啦。 用起来还是很顺手的，后台系统的基本功能都有示例代码，很方便，但是有些特殊的功能没有示例代码，只是文档中有简单的说明，这个只能去网上搜索一些大神的博客来帮忙啦。 因为所用的版本是2.0.11，所以本文所讲都是该版本的表格，后续版本有新增另外的方法，注意
转载
2024-02-28 20:02:52
1037阅读
Vue v-model收集表单数据1 单行文本2 多行文本3 复选框4 单选按钮5 选择器6 修饰符 1 单行文本对于输入框input，直接使用v-model绑定属性即可，该属性需要在data中定义。用法如下：<input v-model="content">var vm = new Vue({
...
data: {
content: ""
转载
2024-10-19 16:58:02
435阅读
vue教程3-05 vue组件数据传递一、vue默认情况下，子组件也没法访问父组件数据<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="bower_
前言：本文主要用于我的个人学习与记录，内容如有谬误欢迎各位大佬斧正。同时，如果您想要快速获取问题的解决方案，请移步至文章底部“解决方案”栏，希望我的经验能对大家有所帮助。问题描述 出于项目需求考虑，需要在输入框中输入完整SQL语句，如果语句类型为查询，则基于Layui数据表格在前台展示查询结果（项目为供公司内部运维使用的管理系统，故不考虑SQL注入风险）。因此在需求侧，可以得
转载
2024-10-08 13:14:04
164阅读
1. 先说elment-ui table组件滚动条位置element ui table 添加数据行后滚动条滚动到对应的行头或行尾问题
滚动到第一行：
this.$refs.table.bodyWrapper.scrollTop =0;
滚动到最后一行：
this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scr
转载
2024-10-21 09:31:14
1644阅读
导读vue的一些基础知识，以及相关实现原理，一直是面试中比较热门的题目，本文梳理了常见的Vue面试题。注意：关于底层实现原理，建议最好还是参照源码进行学习，有些原理相对比较复杂，很难通过一篇文章去深入理解，最终可能只是一知半解，面试时一深入提问，就露馅了。本文主要是对Vue可能的面试点进行梳理，平时还是要注重知识的积累和储备，才能游刃有余的应对工作和面试，部分题目会给出相关链接供详细学习。组件通信
vue.js Vue中提供了一些固定的标签来方便我们在开发过程中使用，并且在开发过程中，我们很有可能因为要使用某些第三方库而不得已要操作DOM元素，因此如何获取并操作DOM元素的使用呢。Vue中提供的标签component这个标签是用来展示组件的
// 直接通过自定义组件名称当作标签使用
new Vue({ el: "#app", components: { "要展示的
转载
2024-07-10 14:37:51
227阅读
vue2组件懒加载浅析一、 什么是懒加载 懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面
——vue对v-model和checked属性的解析前：不知道副标题这样写，尤大会不会想直接拍死我，哈哈哈，但我还是感谢你。此处副标题有点夸大其词，真正的文章并没有涵盖那么广且深，只是我被坑的太心塞。Stack Overflow是个好地方，没事记得多逛逛，即使英语很烂，也不会耽误你看JavaScript语言，是的，JavaScript是我的真爱。开发需求：此处为目的清晰，需求被我缩小至checkb
我始终坚持，前端开发不能满足于实现功能，而是需要提供优秀的交互与用户体验。即使没有产品没有UI的小项目，也可以自己控制出品质量，做到小而美。所以前端们不仅仅需要了解框架如何用，还要学习一些设计、交互、体验的知识，在一堆雷同的产品中脱颖而出。哦，扯远了，因为今天想记录的这个功能是一个小小的体验提升，有感而发了。表格行数较多时会让页面产生滚动条，用户滚动页面的话，上面的搜索条件或者其它内容被卷上去了看
Radio单选框要使用 Radio 组件，只需要设置v-model绑定变量，选中意味着变量的值为相应 Radio label属性的值，label可以是String、Number或Boolean。<template>
<el-radio v-model="radio" label="1">备选项</el-radio>
<el-radio v-mod
转载
2024-04-26 11:23:20
1665阅读
一、 什么是懒加载 懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页
Form组件分为两个部分，外层需要有个Form表单域组件，内部包含多个FormItem组件，在FormItem组件 中插入表单元素。Form要用到数据校验，并在对用的FormItem中给出校验失败的提示，校验规则使用一个开源 库async-validator(https://github.com/yiminghe/async-validator)，安装命令npm i async-validate。
自定义表单是什么？ 自定义表单顾名思义就是由用户定义表单，由用户觉定标签和组件，决定要填写什么格式的数据，用过腾讯文档的收集表单的一定见过下面的页面，这就是自定义表单。自定义表单能做什么？ 典型的使用场景是信息收集表单或者是投票表单，上面的图片会对应的生成下面的表单，由其他用户填写，从而达到收集数据的功能。实现效果图： 效果图如下，可以自定义文本，数字，单选按钮，多选按钮，下拉框等组件：自定义表单
转载
2024-09-20 19:06:45
224阅读
什么是Vue指令Vue指令是一种附加到DOM元素上的特性，通常以"v-"作为前缀来告诉Vue这是一种特殊的标记， 当渲染到该DOM时就会执行指令特性，以实现对HTML元素的一些行为控制。Vue内置了很多指令，下面列出一些常用的指令： 除了默认核心指令Vue 也允许注册自定义指令，前面这篇文章Vue实战056：input框自动获取焦点中就用到了自定义指令的功能。在全局注册一个指令v-fo
本文主要介绍：1、什么是服务端渲染、与客户端渲染的区别是什么？ 2、为什么需要服务端渲染，服务端渲染的利弊 3、服务端渲染的原理及技术实现一、客户端渲染（CSR）VS服务端渲染(SSR)CSR是Client Side Render简称；页面上的内容是我们加载的js文件渲染出来的，js文件运行在浏览器上面，服务端只返回一个html模板。SSR是Server Side Render简称；页面上的内容是
Vue路由实现、路由导航、路由模式
1.$router和$route区别 router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象，和router-link跳转一样,this.$router.push会往history栈中添加一个新的记录。 route相当于当前正在跳转的路由对象,可
前言：vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；使用插槽是在存在父子关系的组件中使用，我们可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息，下边简单说下vue这三种插槽如何使用。 准备工作： 很简单，就创建父组件testSlot.vue，子组件children.vue，并在
最近完成了我的后台管理系统权限功能的实现，同时觉得后台系统所有的菜单都左置，会限制菜单的扩展，因此我改进了三级菜单的显示。效果演示地址github地址权限功能的实现权限路由思路： 根据用户登录的roles信息与路由中配置的roles信息进行比较过滤，生成可以访问的路由表，并通过router.addRoutes(store.getters.addRouters)动态添加可访问权限路由表，从而实现左侧
