但是我是想要 {date: “2018/08/13”, title: “”} {date: “2018/08/14”, title: “”} 这样的格式
models:记住,继承了ActiveRecord后,就得到了它所有的功能哦(注意,sql表要跟models相对应!!!)
$router.push({ path: '/b', query: { b: 'a页面的参数' } }) }, /* 使用name跳转,可以使用两种方式传参。...$router.push({ name: 'b', params: { a: 'a页面的参数' }, query: { b: 'a页面的参数' } }) } // 使用path跳转,通过占位符形式
一个页面逻辑很多,放在一起不利于管理,不利于开发,将一个页面分割成小小的功能块 vue组件化 应用:任何应用都是一颗组件树 1.创建组件 const cpn = Vue.extend({}):创建一个组件构造器...template:表示我们组件的模板(其实就是你要显示的html) Vue.component('组件名称',构造器cpn) 使用: 2.创建组件语法糖写法...省去Vue.extend()的调用,可以直接使用一个对象代替 Vue.component("myCpn", { template: ` ...广告 广告内容 `, }); 3.全局组件和局部组件 全局组件 全局注册,实现所有vue...(局部组件) components:{ son:{ template:` 子组件` } } }); new Vue
起初的时候我准备给每一个请求都加上请求头,然后再每一个的结尾都将后端返回来的授权信息放到本地存储中,这样的话可以直接每一次都满足要求,但是其实这样存在的一个弊端是冗余的代码过多,代码的复用性极差,但是呢我又是一个vue...因为其实在没有开始进行开发之前就应该将所有的请求封装起来,这样的话可以最大程度上处理请求过程中的一些事情,但是我开始的时候没有想那么多,导致的一个问题就是我现在没办法将所有的请求头更改过来,毕竟项目写了很长一段时间了,那么最后我在资料中发现其实是可以在main.js...中统一处理这样的事情的,最后尝试以后写出了下面的代码 代码实现 /** * @interceptors.request * @ 添加公共的请求头文件 做授权使用 这里是将所有的请求信息拦截掉,之后将最新的授权信息加到请求头里面...login'}); }else{ console.error('do not get it from the back end'); } }); new Vue
尝试了几种刷新页面的方法, 比如 : 1、浏览器直接刷新(会出现短暂的白页面现象) 2、设置一个空白页面,需要刷新的时候跳转到空页面再从空页面跳回来 (些许麻烦) 3、使用 provide.../inject (目前觉得最实用,主讲此方法) 使用provide / inject 1、在App.vue 中设置 App.vue r <...this.isRouterAlive = true; }) }, } } 通过声明 reload 方法,控制 router-view 的显示或隐藏,从此控制页面的加载
width="100%" height="750px" frameborder="0" :src="jscancelOrderSrc"> 1,子页面获取父页面的...vue对象。...__vue__ 2,比如父页面vue里有方法 PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL methods:...__vue__.test()调用父页面的test方法。 延申 普通页面嵌套iframe怎么调用父页面的方法
定义 SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。...MPA多页面应用(MultiPage Application) ,指有多个独立页面的应用(多个html页面),每个页面必须重复加载js、css等相关资源。多页应用跳转,需要整页资源刷新。
这估计是很多极客弃离windows,选择使用mac或者linux桌面的原因。但mac贵,所以没有钱又不堪windows流氓软件烦扰的穷极客(比如一番)便热衷使用ubuntu桌面系统。...因为大多数朋友使用的都是windows系统,想要使用这个工具只能重新安装ubuntu系统或者在vmware、vbox里安装虚拟机来运行程序。...开启“适用于Linux的Windows子系统” 如下图,依次点击:开始(windows)→设置→应用和功能→程序和功能→启用或关闭Windows功能→适用于Linux的Windows子系统,选中前面的选择框既可...开启“开发人员模式” 如下图,依次点击:开始(windows)→设置→更新和安全→开发者选项→开发人员模式,点击前面的单选框即可。 ? 3....在win10里运行ubuntu系统 安装成功后便可在开始菜单里向打开一个应用一样打开ubuntu的运行环境。我们便有了一个windows下运行ubuntu的环境了。
在main.js中加入 router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) {
module date.js let date = null; export default { init () { date = new Date(); } } // main.js...import date from 'date.js'; date.init(); 在main.js初始化了date之后,date这个变量就一会直存在了,直到你把页面关了,因为date的引用是在另一个module...它就会把当前页面的内存堆扫描一遍显示出来,如下图所示: ? 然后在上面中间的Class Filter的搜索框里搜一下detached: ?...还有一个是Vue的: ? 这些都是使用的库造成的内存泄露,暂时先不管。 再去分析其它的标签也有类似的情况。...当然直接绑在div上面的可以直接把div删了,绑在它上面的事件就自然解绑了。
在项目中经常遇到一个问题,例如新增完表单数据和需要重新刷新页面。类似的业务还有很多。这时我们可以考虑的方式如下
本项目用的是vue-cli3脚手架搭建,vue-admin-template后台框架开发。...1.首先封装axios请求,如下图所示: 2.vue文件点击上传按钮,获取的file文件赋值给this.file…如下所示: 红框内容是formData的值,console.log(formData.get
document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 要获取当前页面的滚动条纵坐标位置
第一步: 安装 cnpm install vue-seamless-scroll -s 第二步: 在main.js中引入 / 无缝滚动插件 import scroll from 'vue-seamless-scroll...' Vue.use(scroll) //or you can set componentName default componentName is vue-seamless-scroll Vue.use...(scroll,{componentName: 'scroll-seamless'}) 第三步: 在vue的组件使用 </vue-seamless-scroll
今天研究了一下公司pc端封装的axios,主要配合element以及js-cookie,自己跟着搞了一遍,在这里记录一下。
目录 表单的验证规则 登录事件 钩子函数的写法 登录页面,从官网找一个form表单,以上箭头的地方变为我们的 表单的验证规则 从官网找到,复制到自己的项目里...
在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面,如果刷新就会404 通过默认页面内部访问: 直接刷新: 可以看到nginx并不识别vue的其他页面,这跟conf
前面一番写了一篇《2019-09-15-如何打开win10里面的ubuntu系统》,有同学就问一番能不能通过ssh远程控制这个ubuntu。...3.通过ssh访问win10里的ubuntu 这时我们分别在ubuntu的窗口和windows cmd窗口,输入ifconfig、ipconfig,查看IP地址。 ?
在之前的文章里没有介绍vue项目的目录结构,现在来介绍一下 Vue 项目的目录结构通常如下: . |-- public | |-- favicon.ico | |-- index.html |-...| |-- main.js | |-- router.js | |-- store.js |-- .babelrc |-- .env |-- .eslintrc.js |-- .gitignore...components 目录存放着 Vue 组件。 views 目录存放着视图组件。 App.vue 是 Vue 项目的根组件。 main.js 是 Vue 项目的入口文件。...router.js介绍 在 router.js 中,我们需要使用 Vue Router 进行路由的配置。我们可以在这个文件中定义各个页面的路径以及对应的组件,并导出一个路由对象。...,使用这两个对象,并将其作为项目的一部分: main.js import Vue from 'vue' import App from '.
领取专属 10元无门槛券
手把手带您无忧上云