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号