但是我是想要 {date: “2018/08/13”, title: “”} {date: “2018/08/14”, title: “”} 这样的格式
models:记住,继承了ActiveRecord后,就得到了它所有的功能哦(注意,sql表要跟models相对应!!!)
一个页面逻辑很多,放在一起不利于管理,不利于开发,将一个页面分割成小小的功能块 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
这估计是很多极客弃离windows,选择使用mac或者linux桌面的原因。但mac贵,所以没有钱又不堪windows流氓软件烦扰的穷极客(比如一番)便热衷使用ubuntu桌面系统。...因为大多数朋友使用的都是windows系统,想要使用这个工具只能重新安装ubuntu系统或者在vmware、vbox里安装虚拟机来运行程序。...开启“适用于Linux的Windows子系统” 如下图,依次点击:开始(windows)→设置→应用和功能→程序和功能→启用或关闭Windows功能→适用于Linux的Windows子系统,选中前面的选择框既可...开启“开发人员模式” 如下图,依次点击:开始(windows)→设置→更新和安全→开发者选项→开发人员模式,点击前面的单选框即可。 ? 3....在win10里运行ubuntu系统 安装成功后便可在开始菜单里向打开一个应用一样打开ubuntu的运行环境。我们便有了一个windows下运行ubuntu的环境了。
$router.push({ path: '/b', query: { b: 'a页面的参数' } }) }, /* 使用name跳转,可以使用两种方式传参。...$router.push({ name: 'b', params: { a: 'a页面的参数' }, query: { b: 'a页面的参数' } }) } // 使用path跳转,通过占位符形式
起初的时候我准备给每一个请求都加上请求头,然后再每一个的结尾都将后端返回来的授权信息放到本地存储中,这样的话可以直接每一次都满足要求,但是其实这样存在的一个弊端是冗余的代码过多,代码的复用性极差,但是呢我又是一个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 的显示或隐藏,从此控制页面的加载
定义 SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。...MPA多页面应用(MultiPage Application) ,指有多个独立页面的应用(多个html页面),每个页面必须重复加载js、css等相关资源。多页应用跳转,需要整页资源刷新。
width="100%" height="750px" frameborder="0" :src="jscancelOrderSrc"> 1,子页面获取父页面的...vue对象。...__vue__ 2,比如父页面vue里有方法 PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL methods:...__vue__.test()调用父页面的test方法。 延申 普通页面嵌套iframe怎么调用父页面的方法
document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 要获取当前页面的滚动条纵坐标位置
今天研究了一下公司pc端封装的axios,主要配合element以及js-cookie,自己跟着搞了一遍,在这里记录一下。
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删了,绑在它上面的事件就自然解绑了。
在main.js中加入 router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) {
本项目用的是vue-cli3脚手架搭建,vue-admin-template后台框架开发。...1.首先封装axios请求,如下图所示: 2.vue文件点击上传按钮,获取的file文件赋值给this.file…如下所示: 红框内容是formData的值,console.log(formData.get
在项目中经常遇到一个问题,例如新增完表单数据和需要重新刷新页面。类似的业务还有很多。这时我们可以考虑的方式如下
前面一番写了一篇《2019-09-15-如何打开win10里面的ubuntu系统》,有同学就问一番能不能通过ssh远程控制这个ubuntu。...3.通过ssh访问win10里的ubuntu 这时我们分别在ubuntu的窗口和windows cmd窗口,输入ifconfig、ipconfig,查看IP地址。 ?
第一步: 安装 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
<div cl...1.4K20
在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js 1 export function formatDate (date, fmt) { 2 if (/(y...return fmt 19 } 20 21 function padLeftZero (str) { 22 return ('00' + str).substr(str.length) 23 } vue...文件引入 js文件用的是export, vue文件引入的时候需要加{} 箭头对应的就是上面{}里面的 template中这样使用::
另一点主要是因为这个 # 出现在短链接里不仅不好看,也要占/# 两个长度,一定程度上也增加了短链接长度;本身我的域名 t.beatree.cn 就够长了,再加上这个不是更长了么。...开始去掉 “因为 Vue3.x 自己还没学,看文档和 2.x 还是有点差异的;所以就上的 Vue2.x 框架,等以后有时间了再把以前的 2.x 升到 3.x(立)。...以下内容针对的是 Vue2.x ” 修改Vue路由模式 Vue 中有两种路由模式: Hash 模式也就是我们最经常看到的 # ,好处是很适配,部署什么不需更多配置;坏处就是有个 # history 模式...举例:t.beatree.cn/t/aj1aflmc 中的 /t 为子路由页面,按理应该接收参数,而后跳转;实际却一片空白 ” 解决方案:在 build vue项目时,需要修改配置,取消使用相对路径,建议直接从网站
领取专属 10元无门槛券
手把手带您无忧上云