vue.js
文章平均质量分 50
vue.js
《源码好优多》
承接毕设,软件开发,定制,修改,部署,讲解,毕业答疑辅导,高校老师/讲师/同行合作。全网粉丝30万+,CSDN特邀博主,Java新星计划多届导师。
展开
-
ElementUI动态同时合并行和列
根据数据源的同个key 的value值是否一致,来判断是否上下行合并。计算出各个rowspan的值。根据单条数据源内的key对应的value值,要保证一定的顺序。也就是说,下一个key的value值为null,上一个key的value值不为null 而合并,计算出各个 colspan 值。原创 2022-09-24 17:34:24 · 439 阅读 · 0 评论 -
vue项目怎么安装依赖
从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息。OK!node环境已经安装完成,npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm。在命令行中输入 然后等原创 2022-06-20 00:58:12 · 8172 阅读 · 1 评论 -
[精选]本地运行vue项目
好了,我把前端项目发给你,你运行起来看看这么快,好的感谢先安装node.js,再在项目根目录执行num run serve啊这些我都不懂啊..................我写个教程吧...原创 2022-04-28 10:10:33 · 1752 阅读 · 0 评论 -
elementui实现上传视频功能+预览组件
先上图组件html部分<template> <div> <div class="videoupload"> <!-- action必选参数, 上传的地址 --> <el-upload class="avatar-uploader el-upload--text" :原创 2022-04-10 19:07:50 · 7948 阅读 · 1 评论 -
uniapp中动态修改伪类元素的样式
前言写个组件需要改变伪类元素的样式css中如何用变量声明css变量的时候,变量名前面要加两根连词线(–)。变量名大小写敏感,–header-color和–Header-Color是两个不同变量。var()函数用于读取变量。var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就会使用这个默认值。第二个参数不处理内部的逗号或空格,都视作参数的一部分。1声明变量<view class="left-border" :style="{ '--border-left'.原创 2021-06-15 11:09:12 · 2593 阅读 · 3 评论 -
vue项目中集成腾讯TIM即时通讯(附源码)
上图前言项目需要做个客服功能,用户端小程序,客服人员web端,于是用到了腾讯的tim准备工作在腾讯云官网上创建应用,获取到相应的SDKAppID和相应的秘钥信息安装SDK(1) web项目使用命令// IM Web SDKnpm install tim-js-sdk --save// 发送图片、文件等消息需要的 COS SDKnpm install cos-js-sdk-v5 --save(2) 小程序项目使用命令// IM 小程序 SDKnpm install原创 2021-04-19 16:28:11 · 2376 阅读 · 2 评论 -
Ant Design of Vue之带select控件,单元格编辑功能的表格EditableCell组件
效果图功能表格里面某一行或者某一个单元格支持select复选框可以编辑,新增一行数据,删除一行数据,并且有校验规则源码editablecell组件源码参考自源码原创 2020-07-06 18:02:03 · 5995 阅读 · 6 评论 -
vue项目data functions should return an object
在vue项目中提示错误,data functions should return an objectMessage.error(err)错了,Message.error()是element-ui的组件,只能接受字符串,不能接受对象。改为Message.error(err.message)就好了我的错误是Message.error(error || ‘Has Error’) 换成 Mes...原创 2019-10-30 10:23:26 · 9245 阅读 · 7 评论 -
获取某个时间格式的时间戳
// 获取某个时间格式的时间戳 var stringTime = "2014-07-10 10:21:12"; var timestamp2 = Date.parse(new Date(stringTime)); // 如果想获取的时间戳为13位那就不用除1000timestamp2 = timestamp2 / 1000; //2014-07-10 10:21:12的时间戳为:...原创 2018-05-05 16:49:27 · 9289 阅读 · 0 评论 -
element 官网访问不了(别人能访问)
1 背景今天突然刷新element 官网发现访问不了,但是手机和同事的电脑能访问, 捉急啊,想看文档啊。2 原因百度也不知道为什么 没办法最后找个厉害级别的同事询问,说是dns的问题,(dns就是把域名转换为ip的服务,一般这个都是默认设好的,但用户可以自已改,因为有的网络默认的dns就是不给解析一些域名)3 解决同事给我发了张图,参考下图解决如果小伙伴的是win1...原创 2018-05-18 16:03:47 · 9766 阅读 · 0 评论 -
TypeError: undefined is not an object (evaluating 'i18n._t')
背景今天写vue+element单元测试报了错ERROR LOG: '[Vue warn]: Error in render: "TypeError: undefined is not an object (evaluating 'i18n._t')"解决Unit tests not working since introducing vue-i18n大佬是这样回复的...原创 2018-05-25 18:13:18 · 24407 阅读 · 2 评论 -
TypeError: Cannot read property 'text' of undefined
背景今天在写单元测试报的错ERROR [coverage]: TypeError: Cannot read property 'text' of undefined at D:\dev\projects\bennyn\test-coverage\node_modules\karma-coverage\node_modules\istanbul\lib\report\html.j...原创 2018-05-26 15:41:49 · 9135 阅读 · 0 评论 -
使用vue框架开发,版本更新,解决用户浏览器缓存问题
vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。不过值得注意的是,把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.htmlnginx 配置,让index.html不缓存location = /index.html...原创 2018-05-16 15:55:49 · 34997 阅读 · 14 评论 -
VUE2.0 element upload 报错Cannot set property 'status' of null"
背景今天发现element upload报错原因Upload Plugin Bug: Cannot reach onSuccess callback when manually set file-list, Error:”Cannot set property ‘status’ of null”解决修改了fileList对象时会报这个错误。...原创 2018-05-31 17:17:08 · 10990 阅读 · 2 评论 -
vue+element 键盘回车事件导致页面刷新的问题
背景今天发现输入框输入内容后回车就会刷新页面解决 <el-form :inline="true" @submit.native.prevent> </el-form>el-from 加上 @submit.native.prevent具体是参考element-ui文档解决的 W3C 标准中有如下规定:When there...原创 2018-05-10 18:56:42 · 11804 阅读 · 0 评论 -
各种屏幕适配媒介查询
小屏幕大致为0-480中屏幕大致为481-800大屏幕大致为801-1400巨屏幕大致为1400-1920+媒介写法为 @media screen and (min-width: 801px) and (max-width: 1400px) {.el-row { margin: 0px 8% !important;}} @media screen and ...原创 2018-05-03 19:44:41 · 530 阅读 · 0 评论 -
Element-ui table中过滤条件变更表格内容和Status 来显示不同颜色
效果图背景数据库读取出来的是数字直接上代码组件template中:<el-table-column class-name="status-col" label="状态" width="110" sortable> <template slot-scope="scope"> <el-tag :typ原创 2018-04-21 19:05:58 · 13793 阅读 · 2 评论 -
vue2.0-基于elementui换肤[自定义主题]
0. 直接上 预览链接vue2.0-基于elementui换肤[自定义主题]1. 项目增加主题组件在项目的src/components下添加skin文件夹skin文件获取地址2. 项目增加自定义主题自定义添加主题下载地址 https://elementui.github.io/theme-chalk-preview/#/zh-CN3. ...原创 2018-05-03 11:05:55 · 16484 阅读 · 3 评论 -
Vue数组对象深拷贝
Vue数组对象深拷贝导语:1.一个数组A,A中有多个对象,将A复制为B,即B=A,此时如果对A中的对象值修改,B会跟随同时更改。2.如果在Vue里不想这种双向绑定,选择深拷贝。3.深拷贝的思想是用Object.assign(target,source)产生新的copy对象。方法调用function coppyArray(arr){ return a...转载 2018-04-19 16:59:36 · 5740 阅读 · 0 评论 -
Cannot read property '0' of undefined
背景今天打开控制台看见了报错Cannot read property '0' of undefined最后找了好久才解决原因 v-if想要隐藏一个元素就要放在包含有关的div改成如下 ...原创 2018-04-19 11:04:09 · 10060 阅读 · 0 评论 -
Vue国际化处理 vue-i18n 以及项目自动切换中英文
0. 直接上 预览链接Vue国际化处理 vue-i18n 以及项目自动切换中英文1. 环境搭建命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18nnpm install vue-i18n –save2. 项目增加国际化翻译文件在项目的src下添加lang文件夹增加中文翻译文件(zh_CN.js)以及英文翻译文件(EN.js),里面分别...原创 2018-04-30 13:41:03 · 5242 阅读 · 3 评论 -
Invalid prop: type check failed for prop "maxlength". Expected Number, got String.
背景今天使用element-ui的input表单的maxlength属性报错了解决 maxlength=14改成 :maxlength=14就行了。原创 2018-04-19 09:52:41 · 18482 阅读 · 3 评论 -
搭建 vue2 单元测试环境(karma+mocha+webpack3)
从网上找了很多例子关于单元测试,都是如何新建项目的时候的添加单元测试,用vue-cli中怎么添加,但是我的项目已经生成了,不能再一次重新初始化,这时如何添加单元测试,这里面遇到了好多坑,写在这里记录一下心得。 1、用vue-cli生成一个新的项目,把单元测试需要的文件直接复制到你的项目中vue init webpack vuetest文件下载地址 源代码Github链接...原创 2018-05-23 15:10:11 · 1011 阅读 · 0 评论 -
npm -S -D -g i 有什么区别
npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象ornpm i -S module_namenpm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象...原创 2018-06-05 11:39:25 · 4692 阅读 · 0 评论 -
Error in v-on handler: "TypeError: handler.apply is not a function"
报错截图原因原来是我在.vue单文件中 data里面的属性和methods里面的方法重名了解决方面重新命名了一下和data里面的属性值不一样就可以了。原创 2019-03-13 12:03:35 · 58087 阅读 · 2 评论 -
Vue+Mock.js模拟登录和表格的增删改查
有三类人不适合此篇文章:“喜欢站在道德制高点的圣母婊” – 适合去教堂“无理取闹的键盘侠” – 国际新闻版块欢迎你去“有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间!对于以上三类人,走吧,这里不是你来装逼的地方. 你们也不值得看老子花那么多时间去汇总的水文.前言关于mockjs...原创 2018-07-26 15:59:24 · 8790 阅读 · 2 评论 -
nx-admin1.2版本发布
nx-admin 是一个开源的管理系统前端集成方案nx-admin的初心 组件更易用,让每个小白快速上手,最大程度上帮助个人,企业节省时间成本和费用开支。 尽管这个过程不简单,但是干就完了 1.2版本添加了(1) v-charts图标(2) 第三方网站(3) github-emoji(4) vue购物车实战(5) 右键菜单...原创 2018-07-11 16:59:42 · 1852 阅读 · 0 评论 -
Vue scoped CSS 与深度作用选择器 /deep/
使用 scoped 后,父组件的样式将不会渗透到子组件中。例如(无效):<template> <div id="app"> <el-input class="text-box" v-model="text"></el-input> </div></template&转载 2018-07-23 10:53:43 · 15720 阅读 · 1 评论 -
Vue项目添加动态浏览器头部title
0. 直接上 预览链接Vue项目添加动态浏览器头部title1. 实现思路( 1 ) 从路由router里面得到组件的title( 2 ) title存vuex (本项目已经封装h5的sessionStorage和localStorage也可以存在这里面)( 3 ) 设置 title(1)从路由router里面得到组件的title在 router.befo...原创 2018-07-10 16:20:45 · 1466 阅读 · 0 评论 -
vue实现首屏加载等待动画 避免首次加载白屏尴尬
0 直接上效果图1背景,用户体验良好一直是个重要的问题。2怎么加到自己项目里面?复制css html代码到自己的index.html即可 代码链接源码地址Vue学习前端群493671066,美女多多。老司机快上车,来不及解释了。作者相关Vue文章基于Vue2.0实现后台系统权限控制前端文档汇总VUE2.0增删改查附编辑添加model(弹框)组件共用 ...原创 2018-06-27 18:26:46 · 8352 阅读 · 2 评论 -
老板让我十分钟上手nx-admin
大体流程走向参考资料:nx-admin 首先这里就不讲解vue和vuex之类的基础东西了 有兴趣的可以去官方文档了解。这里根据流程走向大概说说登录首先找到登录页也就是/login 路由对应的登录登录页面也就是 src/views/login/index.vue 这个页面,然后看路由配置,路由配置放在了src/router/index.js路由配置在路由配置里暴露了...原创 2018-07-09 16:45:47 · 1134 阅读 · 0 评论 -
Vue项目中添加锁屏功能
0. 直接上 预览链接Vue项目中添加锁屏功能1. 实现思路( 1 ) 设置锁屏密码( 2 ) 密码存localStorage (本项目已经封装h5的sessionStorage和localStorage)( 3 ) vuex设置 SET_LOCK state.isLock = true (为true是锁屏状态)( 4 ) 在路由里面判断vuex里面的is...原创 2018-06-29 15:31:18 · 2317 阅读 · 0 评论 -
vue-cli中使用scss
vue-cli会自动配置好webpack,这时候,在项目中需要使用scss的时候,只需要两步:1 安装node-sass 和 sass-loader npm i node-sass sass-loader --save-dev2.在需要使用scss地方引入: &amp;lt;style lang = &quot;scss&quot;&amp;gt; import原创 2018-06-23 09:29:58 · 2604 阅读 · 3 评论 -
Jest,karma结合Vue-test-utils的优秀文章
vue-test-utilsvue单元测试三毛Jest结合Vue-test-utils使用的初步实践原创 2018-06-21 17:40:50 · 2533 阅读 · 0 评论 -
文件快速删除工具, 解决你的node_modules
转载自 https://www.cnblogs.com/xiyangbaixue/p/6994595.html文件快速删除工具, 解决你的node_modules 摘要: 还在为删除文件慢烦恼吗?强大工具dlf来帮助你。作为一名前端开发,最常见的就是node_modules,如果dependencies很多,osx系统删除还好,Windows用户就麻烦了。本文分享一块命令行文件...转载 2018-06-05 14:02:00 · 1037 阅读 · 0 评论 -
vscode全局搜索不了
背景今天同事用新电脑 然后找我要vscode 的配置文件。我用QQ发给他,然后他的vscode全局搜索不了。解决参考 https://github.com/BurntSushi/ripgrep/issues/373原来是我复制给他的配置文件错了,QQ发过去的内容就变成表情包了,表情包 复制进vscode就没用了、 "search.exclude": { ...原创 2018-05-24 15:59:17 · 22328 阅读 · 6 评论 -
js 字符串数组转换成数字数组
1.如何不使用遍历把字符串数组转换成数字数组2.举个例子 : [‘1’,’2’,’3’]=>[1,2,3]解决方法['1','2','3'].map(Number)转载 2018-04-18 15:23:51 · 17713 阅读 · 8 评论 -
vue实现重置表单信息为空
背景之前表单重置为空的话是这样写的this.fromline = { access_provider_name: '', // 接入商名称 access_provider_address: '', // 接入商所属地区 remark: '' // 备注 }直接把表单对象的属性设置为空今天突然发现一个这样的玩意 少写...原创 2018-04-06 15:14:01 · 24568 阅读 · 3 评论 -
震惊!喝个茶的时间就学会了vuex
震惊!喝个茶的时间就学会了vuex写在前面我很欣赏震惊部,因为他们的标题每次写的都很好0.0什么是vuex先给出官网地址 官方解释: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 大白话:对数据(data)统一的管理,如果涉及到了数据的处理,来,到vuex转载 2018-02-06 09:36:41 · 556 阅读 · 1 评论 -
This dependency was not found: * !!vue-style-loader!css-loader? 解决方案
但是当你新建一个vue项目时,需要重新安装stylus,否则报错:This dependency was not found:!!vue-style-loader!css-loader?{“minimize”:false,”sourceMap”:false}!../../node_modules/vue-loader/lib/style-compiler/index?{“vue”:tru转载 2018-02-05 11:04:17 · 3930 阅读 · 0 评论