axios的传参有两种方式:一种是params一种是data而params会默认把 要传的参数添加到url后面data是附在请求体中
全局路由守卫:to : 即将要进入的目标 路由对象from : 当前导航正要离开的路由next : 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数(是否接着往下执行,若不写next(),则页面不会往下执行,必写)。//router/index.js路由文件//语法:router.beforeEach((to, from, next) => {
作用域插槽---乍听起来,是一个很抽象的概念。看了几遍官方文档,有了一些粗浅的认识,觉得这个名字取得还挺恰当的,因为它在一定范围内,延伸了子组件的作用域。组件有编译作用域---父级模板里的所有内容都是在父级作用域中编译的,子模板里的所有内容都是在子作用域中编译的。看看官方的例子---定义一个子组件,有个具名插槽son,并且通过属性绑定子组件的数据user。const sonCom = {
mixins概念:混入 (mixins): 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项,data、components、methods 、created、computed等等。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。当组件使用了mixins时, mixins中的生命周期函数会先执行,然后在执行组件中的生命周
需求:页面上有很多el-input,都有不同的作用和功能,封装会使代码简洁易懂 子组件:/** * 查询条件子组件 */<template> <div class="formSearch"> <div class="table-header" v-if="tableSearch && tableSearch.length >
1、双向数据绑定//模拟双向数据绑定const d1 = document.getElementById('d1');const d2 = document.getElementById('d2');const obj = {}Object.defineProperty(obj,'msg',{ //表示的意思是,监听obj对象下面的msg属性,一旦msg发生了变化,set方法就会被执行,里面的代
定时器this指向
闭包
1、core-js是完全模块化的javascript标准库。 包含ECMA-262至今为止大部分特性的polyfill,如promises、symbols、collections、iterators、typed arrays、etc,以及一些跨平台的WHATWG / W3C特性的polyfill,如WHATWG URL。 它可以直接全部注入到全局环境里面,帮助开发者模拟一个包含众多新特性的运行环境
$props:当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。$attrs:包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。$listeners:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的
在说flex:1和flex:auto区别之前先回顾flex:0 1 atuo; 从默认值上可以看出它有三个属性,分别是 flex-grow、flex-shrink、flex-basisflex-grow:项目的放大比例,默认为0,如果存在剩余空间,不放大 flex-shrink:项目的缩小比例,默认为1,如果空间不足,会适当缩小 flex-basis:在分配空间之前,项目的主轴空间,相当于我们设置
js中我们知道有String、Boolean、Number三个包装类,这三个包装类的作用是为了能够创建这三个基本数据类型对象,以及使用它们的属性和方法。 看到这样一个面试题:var str = 'hello world'var str1 = String('hello world')var str2 = new String('hello world')console.log(str1 ===
1.Vuex是什么Vuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。当我们的应用遇到多个组件共享状态(数据)时,就可以用到Vuex了。2.Vuex的使用安装完VueX后,在项目的src目录下新建store文件夹,然后在store目录下新建index.js。(使用最新的Vue-CLI 4.x.x安装Vuex会自动配置好以下步骤)在store/index.js中 导
首页和后端约定好错误码。约定错误码后,写好提示提示框信息重点原来我用this.$router.push(’/’)来进行跳转首页的但是发现路由好像是空的然后我又动态加载路由。。发现还是不行,最后简单点,直接跳转,没想到成了/** * http配置 */import axios from 'axios'// 这里自己获取tokenlet token = localStorage.getItem('fi
$router是VueRouter的一个对象,通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由,包含了许多关键的对象和属性。以history对象来举例: $router.push({path:'home'}),本质是向history栈中添加一个路由,在我们看来是切换路由,但本质是在添加一个history记录
module.exports = { // publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/', //基本路径 publicPath: './',//默认的'/'是绝对路径,如果不确定在根路径,改成
data.rows = data.rows.map(function(item) { item.timeStr = _transformTime(item.planStartTime, item.planEndTime, item.inspectionCycle) item.gray = new Date(item.planStartTime).getTime() - _nowTi
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>演示动态增加select框(elementUI 框架)</title> <script src="https://cdn.jsdelivr.net
返回的字段为数字,需要转为对应的状态值,可以使用computed或者methods定义方法举个栗子:<el-table-columnlabel="报警点位(二次码)"prop="twoCode"show-overflow-tooltipalign="left"min-width="10%"><templateslot-scope="scope"><div>{{s
原文地址:https://www.cnblogs.com/Shd-Study/p/6560808.html
1、我觉得那些什么低估高估,PEPB什么的太累,买基金不就是让专人帮我理财嘛,我懂那么多不如自己炒股了不是?所以我选基金一是看累计净值,越高大概率说明越优秀。看历年收益,牛市比别人转的多,熊市比别人亏得少。看成立时间与评级,时间越久,经历牛熊交替越多,评级越高……这些因素稍微综合考虑下,买入长期持有即可
//axios中的GET请求axios.get('/user',{params:{ID:‘001’}}).then(function(response){console.log(response);}).catch(function(error){console.log(error);});//axios中的POST请求axios.post('/user',{firstName:'1',lastN
<!--下布转数--><el-table-columnalign="right"width="87px"><templateslot="header"slot-scope="scope"><spanclass="sort-table-header">下布转数</span></template><templateslot-
一直以来,开发环境和生产环境的数据接口域名不一样总是困扰着我每次打测试包或者线上包,我都得手动切换域名,我相信很多人的做法跟这差不多,类似下面这样:(你已经注意到,这个文件已经被我无情的删除了,因为我发现了属于我自己的新大陆)每次打包都要切换注释,虽然也能接受,但是容易忘记或者出错,或者找这个配置文件都要找半天,对于我这种反应迟钝、头脑经常性短路的人来说实在太痛苦了,有痛点,那就要寻求解决方法:第
注意:后台服务更改之后需要重启服务;前端配置文件更改之后也需要重新跑命令npmrundev一、使用express提供后台服务,输出接口后台目录结构:main.jsvarexpress=require('express');varapp=express();app.get('/',function(req,res){res.send('HelloWorld');})app.get('/getUser
在开发环境与后端调试的时候难免会遇到跨域问题,很多人说跨域交给后端解决就好了。其实不然,前端也有很多方法可以解决跨域,方便也快捷。常见的有nginx转发、node代理。在vue项目中常用的是proxyTable,这个用起来很方便。打开config下面的index.js,找到proxyTable,添加以下代码即可:'/api':{//替换代理地址名称target:'http:
1、close-on-click-modal,使用的时候注意是要绑定该属性<el-dialogtitle="上传":close-on-click-modal="false"></el-dialog>解释:如果值为true,表示可以通过点击空白的地方关闭该弹出框;为false就不可以
NodeJS基础什么是NodeJSJS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类
Vue.prototype.$http=axios;和Vue.prototype.axios=axios的区别一个this.$http.post(url,)另一个this.axios.post(url,)1.vue.use先看一下vue中文文档是怎么讲解这个属性的官方文档说的是,通过vue.use引入的插件,可以理解为自己定义的方法或者引入的Eelmentui组件,可能很多人不理解Elementu
第一步:设置不同的接口地址找到文件:/config/prod.env.js【生产环境—正式环境】代码修改为:module.exports={NODE_ENV:'"production"',API_ROOT:'"//www.baidu.com/api"'}找到文件:/config/dev.env.js【开发环境—测试环境】代码修
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号