点燃火柴的博客

说明：有一个表单，有两个el-form-item标签，一个是name，一个是age，假如需要通过代码填充有校验的name输入框，但填充完校验不生效，这时需要使用validateField函数对单个表单进行校验处理，测试用例如下<template> <el-col> <el-form ref="ruleForm" :model="ruleForm" label-width="100px"> <el-form-item ref="formIt

1 demo效果如上图实现表格中性别这一列实现行合并2 实现要点

vue局部批量注册组件、动态绑定组件一、要点介绍1.require.context()说明2.vue中的component标签说明二、实现过程1.创建多个组件2.在componentTest.vue文件中实现一、要点介绍1.require.context()说明require.context()方法是webpack的一个api，主要功能是自动导入文件，当导入文件过多时，使用该方法可以统一导入，避免导入不同文件时多行书导入语句，该函数接受三个参数，参数说明如下：require.context(path

npm install vue-color<template> <section> <label>ddd</label> <div @click="handleShowColor"> <el-input disabled :value="color"></el-input> </div> <div v-show="colorShow"&

demo主要支持以下功能 1. 在输入框中输入关键字，页面会根据关键字自动检索文本 2. 完成检索后默认黄色高亮第一个匹配到的关键字，其余匹配到关键字灰色高亮，并展示出当前高亮关键词的序号和匹配到关键字的总数 3. 通过上一个，下一个按钮或者up、down键盘，切换时黄色高亮新的关键字，更新当前关键词序号 4. 下一个或上一个关键字没有在页面中，切换时自动调整滚动条，展示出下一个或上一个关键词 5. 当前高亮最后一个关键字，点下一个跳到第一个匹配的关键字；当前高亮为第一个,点上一个跳到最后一个

前言要实现滚动条动态加载必须要介绍三个属性clientHeight 容器的高度scrollTop 当前元素到容器头部的距离scrollHeight 文本内容的总高度demo效果以上三张图分别为：demo初始化，第一次滚动条触发请求，第二次滚动条触发请求的效果图实现要点添加滚动条监听事件 mounted () { window.addEventListener('scroll', this.scrollHandle, true) }定义滚动条滚动事件的监听函数

滚动条美化前后对比先看看滚动条美化前后的对比效果，美化后滚动条变苗条了，看着舒服一些实现部分滚动条美化主要是通过css来调整样式，主要涉及如下三个类：-webkit-scrollbar：滚动条的宽度-webkit-scrollbar-track：滚动条轨道-webkit-scrollbar-thumb：滚动条滑块<template> <div class="scroller box-size"> {{text}} </div></tem

1.通过input标签实现html部分input标签属性配置type属性，将该属性的值设置为fileaccept属性，该属性用来限制上传文件的类型，我们上传图片因此将该属性的值设置为imageref属性，在vue中ref用来获取dom，该值用来在js中通过this.$refs.xxx 来获取dom节点，我们的例子中将该值设置为imgInput监听change事件，当事件触发时调用uploadImg函数<template> <div> <label&