1. Statevuex中的数据源，我们需要保存的数据就保存在这里，在页面通过 this.$store.state来获取我们定义的数据；store/index.js在这里插入代码片
1. vue-cli 2.0 关闭eslint校验vue-cli 2.0 实现2. vue-cli 3.0 关闭eslint校验报错：eslint-disable-next-line to ignore the next line.解决方法：找到文件 vue.config.js ，打开文件：修改lintOnSave 为false，如果没有就添加lintOnSave 为false...
Vue v-for循环的用法（侵删）
1. 安装vue-json-editornpm install vue-json-editor --save2. 在vue组件中使用vue-json-editor<template> <div class = "routeManagement"> <vue-json-editor v-model="routeJson" :showBt...
安装插件:moment.jsnpm install moment1. UTC(世界标准时间) 转 指定日期格式2020-03-07T16:00:00.000Z 转 2020-03-08 00:00:00<script>export default { methods:{ formatTime(){ var moment = ...
安装插件:moment.jsnpm install momentformat就是格式化函数，参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。详情请看下图：1 获取当前时间var moment = require('moment');let seekTime = moment().format("YYYY-MM-DD HH:mm:ss");console.log...
安装插件:moment.jsnpm install momentformat就是格式化函数，参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。详情请看下图：1. 计算两个日期差var moment = require('moment');let diffTime = moment('2020-04-02').diff(moment('2019-04-02'));...
<div :style="{width:'4px',height: '24px',background: '#f7ce51'}"></div>1. 三元运算符判断<text :style="{color:state?'#ff9933':'#ff0000'}">hello world </text><script>export d...
1. 回调函数回调（callback）是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。假定有两个函数f1和f2，f2等待f1的执行结果，f1()–>f2()；如果f1很耗时，可以改写f1，把f2（箭头函数）写成f1的回调函数：function f1(callback){ setTimeout(() => { let name = '小明' ...
方法一：for循环var arr1 = [0, 1];var arr2 = [2, 3];for(var i=0; i<arr2.length; i++){ arr1.push(arr2[i])}console.log(arr1); // [0, 1, 2，3]方法二：concat()将参数添加到原数组中。这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这个副本...
1. map()返回一个新的Array，每个元素为调用func的结果var numbers = [65, 44, 12, 4];var newNums = numbers.map( item => item * 10)console.log(newNums) // [650,440,120,40]2. filter()返回一个符合func条件的元素数组let nums = [...
1. 相关知识点1.1 基本类型与引用类型分类基本类型：number，string，boolean，null，undefined，symbol及BigInt(任意精度整数)七类；引用类型:对象、数组、函数等；1.2 JS中变量的存储方式栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的名值和引用类型的名（地址）；堆：动态分配的内存，大小不定，也不会自动释放，里面存放引用类型...
首先，定义一个类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.eat = function(food)...
扩展操作符（…）可在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还以在构造对象时, 将对象表达式按key-value的方式展开； 1. 数组 1.1 构造数组没有扩展运算符的时候，只能组合使用 push，splice，concat 等方法，将已有数组元素变成新数组的一部分。有了扩展运算符, 构造新数组会变得更简单、更优雅：扩展运算符(spread)就是我们知道的三个点(…
1. 修改单个滚动条样式 在对应组件的样式中使用穿透 <style lang="scss" scoped> .el-table { /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 10px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影
需求：使用 el-table 组件调整鼠标悬停某行时，高亮样式方法：<style lang="scss" scoped>.el-table { /deep/tbody tr:hover>td { background-color:#90c0f1； } }</style>
windows 环境下搭建 Vue 开发环境
方式1： 命令修改 git remote set-url origin [url] 方式2： 命令，先删除后添加新地址 git remote rm origin git remote add origin [url] 方式3： 直接修改配置文件（推荐） 文件位置：git \ configconfig [core] repositoryformatversion = 0 filemode
Git TortoiseGit 使用教程
TortoiseSVN 安装、使用教程
1. 概述 window对象 指当前的浏览器窗口，它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。 // a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。 a = 1; console.log(window.a) // 1 window 有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。
介绍一个 FTP客户端-IIS7服务器管理工具作为FTP客户端，它支持批量管理ftp站点。定时上传和定时下载，定时备份，且操作简洁。同时iis7服务器管理工具还是vnc客户端。并且支持批量管理管理windows及linux服务器、vps。让服务器真正实现了一站式管理，真的是非常方便。下载地址：http://fwqglgj.iis7.net/cp/ftp/?zmyc-jz使用截图如下： 1. 简介
如果是直接绑定属性，是可以的，但是绑定对象中的属性就需要特别处理，需要在rules中添加双引号 " " <template> <div class="about"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleFo
1. 前言 前端框架无数，其中几种热门的框架都有相匹配的国际化插件工具，如下： vue + vue-i18n angular + angular-translate react + react-intl jquery + jquery.i18n.property 2. 国际化实现 2.1 安装插件首先在项目中安装 vue-i18n 依赖包，这里使用NPM进行安装，如果没有科学上网请使用C
Vue提供了一些修饰符，这些修饰符在使用起来非常方便，比如阻止默认事件、冒泡等。1. 表单修饰符.lazy：v-modeil不用多说，输入框改变，这个数据就会改变，lazy这个修饰符会在光标离开input框才会更新数据；<input type="text" v-model.lazy="value">.trim：输入框过滤首尾的空格；<input type="te...
在vue-router的官方文档中, 将路由钩子翻译为导航守卫。1. 路由钩子语法1.1 全局前置守卫你可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守...
1. 实现代码<template> <div> {{realTime}} </div></template><script>export default { data(){ return { realTime: "", } }, methods:{ dealWit...
在开发过程中我们常常需要，在一个页面中使用相同的图表来展示同级别的多个事物（如：同级别的多个不同id的仓库、同级别的多个不同id的设备等）。上图效果实现代码：<template> <div class="projectCost"> <div class="container"> <div class="wrapper" v-for="(item,index) in list" :key="index"> <
1. axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。具有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，请移步axios文档。1.1 安装npm install axios; // 安装axios1.2 引入一般我们会在项目
1. 前言问题： 在使用 vue 进行开发的过程中，可能会遇到一种情况：当生成vue实例后，再次给数据赋值时，有时候并不会自动更新到视图上去。也就是如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。案例：<template> <div class="home"> <div v-for="(item,index) in items" :key="index">{{item}}</div> <button @click="bt
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
