前端开发过程中对数据的遍历是非常常见的操作，在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种：some()和findIndex() ，二者都是通过遍历数组里面的id值来进行操作。本篇博文只介绍findIndex() 方法的使用，some()方法在这里不再多讲。一、findIndex() 方法的定义和使用原理1、findIndex() 方法返回的是传入的一个需求条件(函数)
作者：yeyan1996 写在前面马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到在这个项目中你有遇到什么技术难点，你是怎么解决的？其实这个问题旨在了解你在遇到问题
1. v-for遍历数组<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equi
Vue,品牌列表案例（仅添加,删除，搜索，全局过滤器，私有过滤器） 添加了时间过滤器（私有的） 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title
文章目录VUE数组的变异方法(变更方法)一、结论二、使用步骤1.1.数组的变异方法钩子1.2替换数组(返回新数组)1.3动态数组响应式数据总结 VUE数组的变异方法(变更方法)在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变数组与对象是一个引用类型,视图层和模型层是响应式的,为什么我们传统做法在视口层无法显示呢?因为我
Vue,品牌列表案例（仅添加,删除，搜索） 本节重点是把item， 变成了 search， 为的是能够进行动态查询 还有ES6的用法，数组的方法 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5
写在前面的由于SIMATIC内部的框架有很多，前后端自成一家。不过前端大部分还是使用了vue。以前也听说过.NET版本的前后端分离，但也仅仅局限于听说，这次可是亲身体会到了，对比JAVA，我只能说。。。扎心了老铁们。虽然.NET有微软天生的优势，但是有时候也会捉襟见肘，在只有ASP.NET WEB SERVICE规范和基础框架以及在不使用WCF核心的情况下，框架的效率就要比JAVA的各种框架低很多
这个搜索功能的实现很简单，无论是方法还是逻辑(思路在文章末尾)，使用的仅仅只有filter和match这两个方法，那现在就上两个简易的demo吧！Demo1：输入框内容改变自动搜索HTML代码 {{item}} VUE代码new Vue({
el: "#app",
data: {
searchText: "",
list: [
"上路巩州遇虎熊",
"五百年前一场疯",
"腾宵又是孙悟空",
分页样式.pageination_align { text-align: center } .pageination { color: #4857e {
原创
2023-02-16 12:53:22
213阅读
1、安装依赖（npm不行的话用cnpm）npm install --save xlsx file-saver2、在js引入头文件 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、在
原创
2021-09-09 16:01:30
879阅读
平时使用：<!--
* v-loading -> 加载时转圈圈
* highlight-current-row -> 点击行时是否要高亮当前行
* height -> 纯数字时单位是px，数字加单位时则这个高度会设置为 Table 的 style.height 的值
* size -> Table 的尺寸(mediu
转载
2023-08-07 22:14:53
156阅读
平时使用：<!--
* v-loading -> 加载时转圈圈
* highlight-current-row -> 点击行时是否要高亮当前行
* height -> 纯数字时单位是px，数字加单位时则这个高度会设置为 Table 的 style.height 的值
* size -> Table 的尺寸(mediu
转载
2023-08-07 22:14:52
140阅读
/ 如果当前值和上一行的值相同，则将当前单元格隐藏。// 否则计算当前单元格应该跨越多少行。// 获取上一行相同列的值。// 获取当前单元格的值。
转载
2020-09-18 18:18:00
478阅读
2评论
效果：组件代码：<template> <div> <input type="text" v-model="searchText"> <ul>
原创
2023-01-03 14:58:34
167阅读
作者：Nordon规范与每个团队和个人都是息息相关的，因为其影响的不只是只是代码的维护和理解成本，严重的时候是会影响成员开发的心情一个团队的编码规范、git规范等，并没有绝对的最优解，心里要清楚明白没有银弹，规范是为了让团队统一，提高代码阅读性、降低代码维护成本等，本文是记录一些在项目code review中常见的规范，仅供参考JS部分和渲染无关的数据vue中data的数据默认便会进行双向数据绑定
大家有没有遇到一种情况：咱们有两个表，一个表里面是索引，另一个表里是数据？
其实遇到这种情况咱们第一时间想到的肯定是直接使用Excel里面替换功能不就行了吗？
但是，假如多个索引对应一个值呢？就比如1和2或者更多都对应黑龙江？
假如数据非常的庞大，需要对应的数据非常多呢？
大家有没有遇到一种情况：咱们有两个表，一个表里面是索引，另一个表里是数据？其
梳理出需要封装的功能主要是针对表格进行封装，不包括查询表单和操作按钮。梳理出系统中通用表格的功能项，即表格主体的所有功能，生成columns列头数据、生成data表体数据、拖拉列宽、分页、生成中文列名、自定义列宽width 效果如下： 2.封装表格（表格+分页）<template>
<slot></slot>
&l
前言找了一些在 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴。如果文章中有出现纰漏、错误之处，还请看到的小伙伴留言指正，先行谢过。废话不多说，开启面试模式↓1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、
Element-ui组件库Table表格导出Excel表格安装依赖在需要导出的页面引入依赖，或者引入全局（这里我引入了在需要导出的页面了）注意注意注意！！！！重要的导出在这里记得表格上面要加id获取表格dom节点哦如果数据中带有‘100%’等数据，不想被处理为小数，加{raw:true}即可 Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx 和 file-save
