
前端杂文
ADLF
每个不曾起舞的日子,都是对生命的辜负
展开
-
中文名对象js如何点出?
今天在做项目的时候遇到了中文命名的如图:let data={测试对象:1000,第二个对象:998}点出来的方式是:let json={}json['测试对象']=123原创 2019-10-23 23:12:53 · 533 阅读 · 0 评论 -
es5字符串模板的应用
在vue-cli项目中,有时候会使用到 this.$router.push("/home")但是如果后面需要带个纯参数,用下面这种字符串拼接的方法显然是不行的, this.$router.push("/home/"+this.order_id)需要使用下面的这种才能跳转成功 this.$router.push(`/home/${this.order_id}`)...原创 2019-04-24 18:09:57 · 924 阅读 · 0 评论 -
vue项目加载之前添加加载动画
如何在组件页面添加加载之前的动画是加不了的,因为动画也是基于html,css,所以需要在index.html文件里面添加<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid...原创 2019-04-26 13:35:24 · 5723 阅读 · 2 评论 -
vue项目里复制粘贴指定内容,避免二次复制才成功的方法
copyUrl(data){ let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择...原创 2019-04-25 18:49:05 · 1100 阅读 · 0 评论 -
vue项目如何添加改变浏览器标签title的标题
第一步:在main.js文件里添加// 设置浏览器标题Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title }})第二步:在组件任意一位置添加<template> <div class="main" v...原创 2019-02-10 09:44:39 · 18350 阅读 · 4 评论 -
如何安装vue-devtools
首先去GitHub下载https://github.com/vuejs/vue-devtools解压使用命令行工具进入到该目录文件夹下执行命令完成后再输入打开这个目录修改json文件,改为true 谷歌浏览器再拓展程序里面打开开发者模式;然后把这个文件夹拖入浏览器安装完成...原创 2019-01-10 09:44:48 · 290 阅读 · 0 评论 -
vue常用组件框架库
饿了么团队开源一个基于vue 组件库elementUI PC官网 http://element.eleme.io/MintUI 移动端 http://mint-ui.github.io/iView 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。https://www.iviewui.com/components/layouthttps://myron...转载 2019-01-14 21:29:36 · 1374 阅读 · 0 评论 -
如何从零开始使用vue-cli搭建一个项目框架
第一步:下载安装node.js 下载网址:https://nodejs.org/zh-cn/ 全程默认安装就可以第二步:安装vue-cli最新版本 执行命令:npm i -g @vue/cli 执行命令安装nrm镜像:npm i nrm -g第三步:创建一个项目工程执行命令: vue create name (name是自定义...原创 2019-01-08 11:25:23 · 641 阅读 · 0 评论 -
axios在header请求头加入信息
vm.$http.post(apiUrl.refundOrder, data,{ headers:{ 'lz-shopid':vm.orderRecords.shopId }}).then(res => { if(res.code==1){ vm.$toast.center(res.message) }}).catch(e...翻译 2019-01-18 10:11:43 · 17139 阅读 · 2 评论 -
vue里面如和添加jq和bootstrap
本地安装$ npm install bootstrap@3安装jqnpm install jquery --save-dev修改webpack.base.confi.js文件 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ],...原创 2019-01-12 12:18:11 · 189 阅读 · 0 评论 -
运行 npm run dev 报错,但能够正常访问
找到注释掉里面的这项配置:原创 2019-01-11 16:31:01 · 724 阅读 · 0 评论