
vue
Iris122_
这个作者很懒,什么都没留下…
展开
-
解决 iOS 设备上链接因悬停需点击两次才跳转的问题
起因:vue项目的路由有hover效果 放到ios设备上时hover被识别成了第一次点击,需要点击第二次才跳转解决:在写sidebaritem的页面加入如下代码,成功!$(document).ready(function() { $('a').on('click touchend', function(e) { var el = $(this); var ...原创 2020-03-25 11:26:50 · 1351 阅读 · 0 评论 -
vue中使用data中的数据a给赋值给另外一个变量b,改变a或b的值,另一个对象也变化的解决方法
组件中data formValidate: { IsTelUntrue: 'true', ChannelValue: ['1', '2'], IsSatisfyValue: '1', EvaluateValue: '1' }问题我在提交之前,需把ChannelValue数据改为,将其改为所有数组元素相加的值...转载 2019-11-20 17:36:07 · 3401 阅读 · 1 评论 -
60秒倒计时(vue+element)
<template> <el-col :span="10" class="getCode"> <el-button :disabled="isDisabled" :class="isDisabled?'lightBrown opacit...原创 2019-10-16 16:10:32 · 3075 阅读 · 0 评论 -
vue data数据重置初始化
初始化 data 中的 loginForm 数据Object.assign(this.$data.loginForm, this.$options.data().loginForm);初始化全部的 data数据Object.assign(this.$data, this.$options.data());原创 2019-10-08 10:54:49 · 2503 阅读 · 0 评论 -
vue项目前端实现图形验证码
效果预览:(项目要求清爽一点,所以没背景。但是下面的代码会把背景干扰写进去)1.下载identify插件,命令:npm i identify2.在你的components目录新建一个vue组件,我的命名是:sIdentify.vue3.在组件内把下面的代码copy过去(可以自定义哈!)<template> <div class="s-canvas"...原创 2019-08-13 15:07:22 · 5721 阅读 · 4 评论 -
vue项目table实时模糊搜索并高亮
直接上代码了template部分:<div class="inventoryBox"> <el-table :data="tables" style="width: 100%" height="300" :style="tableStock"> <el-table-column type="index" label="序号...原创 2019-08-13 14:41:27 · 1020 阅读 · 0 评论 -
记录一次关于vue+localstorage编译部署的诡异报错(Error: Loading chunk S+eF failed.)
前情提要:背景:本人项目是基于vue-element-template的框架实现的(虽然删减了一部分),navbar(顶部导航)和sidebar(侧边导航)都是默认的组件,与页面部分是同级的兄弟组件起因:在登录系统时希望运用localstorage存入当前登录所有用户的基本信息,然后在navbar和sidebar两个组件中读写问题描述:代码编译后在本地运行正常,把编译后的dist文...原创 2019-03-20 17:22:35 · 1237 阅读 · 0 评论 -
报错解决 Duplicate keys detected: '1'. This may cause an update error.
错误信息如下:原因: key值不唯一解决: 仔细检查是否用了同一个数据循环且:key值相同,如果相同给第二个key随便加一个标记就可以,如下::key="index + '-only'"...原创 2019-03-01 11:11:52 · 133398 阅读 · 6 评论 -
使用vue-element-template框架开发时遇到的跨域问题
解决的思路是:1,原因,造成跨域的原因是因为我们设置的接口和请求的接口不同造成,而且一般做前后端 分享,后端 接口和前端文件不在同一个工程,也是造成跨域的原因2,解决思路在以前js和jquery时候,都是设置josnp或是后端 修改数据接口类型,解决起来非常麻烦在使用vue后,只要使用代理接口就可以解决3,开发环境所用工具a,webpackb,vuec,vue-...转载 2019-02-26 13:56:25 · 3856 阅读 · 0 评论 -
calc() 使用sass变量计算出现的问题和解决
正常的calc():.detailPage { width: 100%; min-height: calc(100vh - 50px); background-color: #f7f6f6;}本以为可以直接把具体像素换成scss,如下:.detailPage { width: 100%; min-height: calc(100vh - $...原创 2019-02-19 17:11:17 · 8590 阅读 · 0 评论 -
Vue 实现复制到粘贴板功能
vue 实现复制到粘贴板功能需要依赖到 clipboard.js 1、 首先需要安装依赖 * 出现错误的话,可以试试 cnpmnpm install --save vue-clipboard22、 安装成功之后就可以开始使用了对于vue-cli import Vue from 'vue'import VueClipboard from 'vue-clipboard2...转载 2019-02-14 15:52:49 · 1332 阅读 · 0 评论 -
el-input 无法触发@keyup.enter 解决方法
将<el-input class="filter-item" v-model="form.phone" @keyup.enter="searchPhone"/>替换为<el-input class="filter-item" v-model="form.phone" @keyup.enter.native="searchPhone"原创 2019-02-12 17:24:56 · 7701 阅读 · 5 评论 -
vue css引用图片编译后路径出错
背景描述:scss中背景图片引用路径是这样:编译后的文件目录是这样:现在config index.js的build路径配置是这样:问题描述:css 和js文件的编译路径都是正确的,/static/css/xxx.js这样但是图片编译后的路径是 /static/css/static/img/xxx.jpg原因描述:因为图片是在scss文件中引入的所以需要再...原创 2019-01-24 15:22:21 · 3663 阅读 · 0 评论 -
vue+element select筛选框表单重置resetFields()失效
出现如题问题可以排查以下几个地方1.el-form标签是否有加上 ref和model2.el-form-item标签是否设置了对应的prop3.form是否在data中设置了对象,格式如下 以上几点必须同时满足才可生效 ...原创 2019-01-18 15:23:36 · 6001 阅读 · 3 评论 -
Element-ui table 行高更改
用了官方的row-style方法,没有反应,然后调试一下发现可以设置td的padding调节行高方法如下:1.给el-table 设置一个class名2.修改这个class名下的td的padding值(默认是padding:12px 0)表头th也可以如此设置这是目前我觉得最简单快捷的方法,如有更好的或者官方方法欢迎留言~~ ...原创 2019-01-15 15:37:50 · 11783 阅读 · 11 评论