Vue
文章平均质量分 61
前后端分离vue
余_小凡
这个作者很懒,什么都没留下…
展开
-
localStorage使用总结
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。二、localSto...转载 2019-02-27 10:14:25 · 529 阅读 · 0 评论 -
解决百度Ueditor编辑器表格不显示边框问题
表格不显示边框原创 2023-02-24 10:25:36 · 1042 阅读 · 0 评论 -
HTML禁止复制粘贴以及禁止下载图片的小技巧
一、禁止复制文字代码 <body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.em...转载 2018-12-04 09:13:53 · 9250 阅读 · 2 评论 -
iframe的用法
<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面,这样不支持 <iframe>的浏览器就会出现提示的文字。iframe 的常用属性: name :...原创 2018-10-25 11:18:52 · 565 阅读 · 0 评论 -
使用Hbuilder封装APP
原创 2019-09-12 17:28:56 · 293 阅读 · 0 评论 -
Quill富文本编辑器的使用
1、快速起步<!-- Include stylesheet --> <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet"> <!-- Create the editor container --> <div id="editor">原创 2019-03-16 21:54:06 · 2704 阅读 · 0 评论 -
axios POST提交数据的三种请求方式
Axios,基于 Promise 的 HTTP 客户端,可以工作于浏览器中,也可以在 node.js 中使用。功能: 从浏览器中创建 XMLHttpRequest 从 node.js 中创建 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换 JSON 数据 客户端支持防止 XSRF 攻击 1、 'Content-Type':'application/json; charse原创 2020-11-17 16:26:47 · 5100 阅读 · 0 评论 -
vue-cli4.0更新后,eslint注意事项,关闭方法
vue-cli升级后,eslint成了默认选项的必选包了;一:禁止直接使用 Object.prototypes 的内置属性 (no-prototype-builtins)foo.hasOwnProperty("bar")应该替换为Object.prototype.hasOwnProperty.call(foo, "bar")原因:二:关闭eslint1、在新建好的项目根目录下找到配置文件vue.config.js2、然后写进以下内容:然后重启编辑器就好了modu...原创 2020-11-17 17:06:48 · 652 阅读 · 0 评论 -
vue前端项目分享facebook、twitter、linkedin
Facebook、Twitter、Linkedin 分享原创 2023-02-24 11:26:05 · 1381 阅读 · 0 评论 -
ES6常用方法整理《一》
1、数组去重let arr = ['a','b','c','b'];let set = new Set(arr) // {'a','b','c'}let newArr = Array.from(set) // 再把set转变成arrayconsole.log(newArr) // ['a','b','c']原创 2020-09-30 18:36:15 · 306 阅读 · 1 评论 -
用moment实现一个简单的日历
<div> <a-button @click="lastWeek()">上一周</a-button> <a-button @click="today()">今天</a-button> <a-button @click="nextWeek()">...原创 2020-03-23 15:26:43 · 1112 阅读 · 0 评论 -
vue之组件内监控$store中定义变量的变化
// 1.用计算属性来获取$store中的值computed: { getApplyId() { return this.$store.state.applyId; } },// 2.通过watch来检查定义计算属性获取到的值的变化watch:{ getApplyId(newValue , oldValue){ if(this...原创 2020-01-18 09:21:26 · 1741 阅读 · 1 评论 -
Vue使用filter过滤器格式化时间
导入了一个moment.js插件,里面封装了格式化时间的方法1. npm install moment --save2.引入moment3.<p><span>签字日期:{{apply.createTime|formatStr}}</span></p>4. filters: { formatStr...原创 2020-01-18 09:21:09 · 952 阅读 · 0 评论 -
vue防止按钮重复点击提交
<Form-Item class="formBtn"> <i-button type="primary" @click="handleSubmit('formInline')" class="confirm" :disabled="isDisable">登录</i-button> </Form-Item>methods:...原创 2020-01-18 09:21:04 · 1835 阅读 · 0 评论 -
axios POST提交数据的三种请求方式写法
1、Content-Type: application/json ==> @RequestBodyimport axios from 'axios'let data = {"code":"57893","name":"kelly"};axios.post(`${this.$url}/test/testRequest`,data).then(res=>{ c...原创 2019-10-31 09:44:58 · 4468 阅读 · 0 评论 -
vue-router中Cannot read property 'push' of undefined的问题
方法1:在外部定义一个值指代Vue实例var self = this;this.$http.get("login", { params: data}).then(function(response) { self.$router.push('index');}).catch(function(response) { console.error(response)...原创 2019-03-27 15:36:02 · 21721 阅读 · 2 评论 -
this.$emit()方法 Vue子组件向父组件传值
子组件使用this.$emit()向父组件传值 第一步 在父组件中引入子组件 <indexImportOrder ref="indexImportOrder" @closeMain="closeMain"/>import indexImportOrder from './components/indexImportOrder'components:{ ...原创 2019-04-30 13:51:24 · 6168 阅读 · 0 评论 -
Vue动态组件 <component>
Vue中提供了<component>来挂载不同组件,使用 is 选择要展示的组件效果案例index.vue<template> <div> <component :is="cmpName"></component> <br/> <button @click="change...转载 2019-04-30 14:13:16 · 299 阅读 · 0 评论 -
vue项目部署至linux的nginx服务器
1.修改vue项目下 config/index.js 中build 的assetsPublicPath路径,改为 './' (放入服务器正确加载静态文件)2.在控制台 npm run build ,打包成功后,项目中会多出一个dist文件夹3.用上传工具(FileZilla等 )将整个dist文件夹上传至服务器指定路径 ,例如下图4.配置nginx配置...原创 2019-05-16 16:51:06 · 4577 阅读 · 0 评论 -
vue 项目发布到服务器后,Failed to decode downloaded font
异常描述:打开页面之后发现有的图标展示不出来页面用到的 vuetify /iview等组件自带的字体图标等 涉及的问题解决方案:项目 npm run build之前,修改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:添加publicPath: '../../', 完美解决问题重新打包部署即可...原创 2019-05-16 17:04:27 · 3506 阅读 · 4 评论 -
【Vue冲突解决】 [Vue warn]: The computed property "fields" is already defined in data.
背景在使用Vue开发时,遇到了这样一个问题。如下所示: [Vue warn]: The computed property "fields" is already defined in data.image.png问题分析锁定问题 很明显问题是fields属性被重复声明了多次。 查询位置 于是开始在整个项目中搜索fields字段。由于笔者使用PHPStorm,很简...转载 2019-06-19 09:53:19 · 7578 阅读 · 0 评论 -
vue-cli项目创建
node.js Node.js是一个Javascript运行环境(runtime),node.js提供了javascript在浏览器以外的一个执行环境,满足一些特定的场景需求。 npm npm 是 nodejs 的包管理和分发工具。 webpack WebPack可以看做是模块打包机,通过webpack可以把基于模块开发的前端工程代码打包成可以在浏览器...原创 2019-07-25 20:08:35 · 98 阅读 · 0 评论 -
idea上传vue-cli项目到svn
1.设置忽略 node_modules文件夹File --》settings2、打开要上传的项目,按图操作3.点击项目名。。。。。选择svn目录等4.commit提交即可原创 2019-07-26 19:16:37 · 743 阅读 · 0 评论 -
component: resolve => require(['@/view/index.vue'], resolve) 与component: index区别
require: 运行时调用,理论上可以运用在代码的任何地方,import:编译时调用,必须放在文件开头懒加载:component: resolve => require(['@/view/index.vue'], resolve)用require这种方式引入的时候,会将你的component分别打包成不同的js,加载的时候也是按需加载,只用访问这个路由网址时才会加载这个js非懒...原创 2019-08-16 09:54:47 · 16514 阅读 · 1 评论 -
移动端选择时间时禁止软键盘弹出
<el-date-picker v-model="ruleForm.date" @focus="forbid" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>加个方法:@focus="forbid"使用vue:forbid(){ //禁止软键盘弹出 ...原创 2019-08-30 11:17:58 · 904 阅读 · 0 评论 -
ES6 数组去重及最大最小值获取
原创 2019-09-04 16:14:02 · 904 阅读 · 0 评论 -
如何解决刷新一瞬间 出现样式未加载完 或者 出现VUE代码问题
1.加属性v-cloak2.加样式原创 2019-03-05 12:00:52 · 2770 阅读 · 0 评论