vue
AlexKain
不相信天分,只相信汗水
展开
-
elementUI的日期选择器携带至今的临时方案
在ElementUI的el-date-picker组件中添加至今选项提示:以下是本篇文章正文内容,下面案例可供参考思路:通过判断点击的 至今 按钮给当前行添加一个is_to_date状态字段,这个is_to_date有以下功能:用于控制当前的日期选择器是否是必填,用于控制placeholder显示 至今 这个字符给当天的日期组件添加修改placeholder样式的className原创 2022-02-18 16:41:40 · 2286 阅读 · 0 评论 -
[Form Generator][一期替代方案]调用接口数据到opitions
el-cascader的数据调用设置新增私有属性 (private_: {assField: ‘’},) 需要每个组件里面都添加(位置组件config.js)// 选择型组件 【左面板】export const selectComponents = [ { __config__: { private_: {assField: ''},新增控制层的代码代码位置RightPanel.vue(可以使用全局搜索RightPanel找位置)<el-form-item原创 2020-08-07 18:29:25 · 1382 阅读 · 2 评论 -
[vue]报错:assigned to but it has no setter
问题复现v-model绑定的再用computed计算就会报错解决方法在computed中使用以下的设置 _params1:{ get(){ let arr_ = []; let _params = this.params[this.filterProp[1]]; let params_ = _params.split(','); if(para...原创 2019-12-05 11:43:17 · 1033 阅读 · 0 评论 -
vue:el-input输入时限制输入的类型
通过@keyup.native的时间动态监控输入的类型1.手机号码,只能是数字,如果输入了非数字直接清空2.身份证号码,除了Xx和数字其余的一律清空3.基于1.2两种情况下,还有一种是动态创建的字段(也就是v-for出来的),解决方法:先使用split形成字段数组,使用for循环找到最后一个点的前面的字段,方便使用$set更新和渲染页面 setDelMsicStr(field,typ...原创 2018-10-09 19:14:35 · 25314 阅读 · 0 评论 -
vue:element-ui时间选择器限制只能点不能输入
<el-form-item label="门店成立日期" prop="storeSetupDate"> <template> <div class="block"> <el-date-picker type="date" :edi原创 2018-10-09 19:24:20 · 12084 阅读 · 0 评论 -
vue 多个请求并发的处理方式Promise
let getProd = new Promise((resolve, reject) => { apiProduct({prdctId}, res => { if(res.data.errcode === 0){ resolve(res.data.data) } else { reject() } })...原创 2018-12-20 15:23:35 · 14328 阅读 · 0 评论 -
解决Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\web\node_modules\nod
解决Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\code\weChat\-web\node_modules\node-sass\vendor'下面的挨个安装$ npm set registry https://registry.npm.taobao.org # 注册模块镜像$ npm ...原创 2019-01-23 12:46:30 · 23029 阅读 · 1 评论 -
(vue2.0)vue-awesome-swiper(v3.1.3)的进阶篇:调到指定页(非initialSlide)
基础篇:(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用使用场景:点击图片触发弹窗,在弹窗里使用swiper轮播,而且弹窗展开式要调到对应的图片上写在前面:研究了半天initialSlide参数设置不了动态参数(数据的赋值在DOM形成之前)使用swiper的Methods方法做的watch: { showIndx(n){ this....原创 2019-02-15 12:41:26 · 4502 阅读 · 0 评论 -
van-popup 全屏的解决方法
在vant官网文档上看了好久也没有找到全屏的弹窗组件,没有解决,只能自己搞了,其实也很简单代码部分<van-popup v-model="isShow" position="top" class="overlay80vh" :overlay="true"> 内容</van-popup>CSS样式.overlay80vh{ height原创 2019-02-12 15:03:08 · 14000 阅读 · 4 评论 -
(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用
npm installnpm install vue-awesome-swiper@2.6.7 --save// 或者npm install vue-awesome-swiper --save引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.u...原创 2019-02-14 10:29:19 · 3748 阅读 · 0 评论 -
总结篇:关于vue公共弹窗dialog子组件要点概括-190313
触发dialog状态的方法优化之前是通过propus传递stt值,子组件监听这个stt值来控制dialog的现实和隐藏.关闭时在通过子组件更新父组件的(传递值stt)状态.这个方法不可取,因为子组件更新父组件的状态,当父组件点击时(这个时候stt状态值应该为false,点击时改为true再传递),就是因为这个传递的stt值不对,导致了开发效率低下,(后来改为子组件更新父组件时传递的值为f...原创 2019-03-13 22:28:47 · 2572 阅读 · 0 评论 -
前端优化:数据监听触发多次请求
场景复现:在列表中使用监听值刷新请求,多个值的情况下,每一个改变值都会触发getList方法,从而导致的多次请求的出现代码复现 computed: { watchendDate() { return this.params.startDate; }, watchPointType() { return this.params.poin...原创 2019-04-15 17:25:17 · 1860 阅读 · 0 评论 -
VUE问题反思:简单的避免订单重复提交
场景复现: 点击订单提交按钮时,如果点击过快会出现提交两次的bug原创 2019-05-13 17:03:50 · 964 阅读 · 0 评论 -
每日三思:vue的页面刷新取不到state传递的监听值的问题
最近(一直以来)碰到的vue刷新页面娶不到监听值,忙的时候都以网速慢为借口搪塞过去,最近闲下来开始优化这些问题解决的方式使用同步和异步解决await和async一般适用于函数,如果再封装一层监听的字段,无形中加大了代码的无效量,在使用监听值的函数中,拦截状态值,如果没有取到就再次执行自身函数(目前使用的方法)代码示例judgeStoreDtl(){ let {cu...原创 2019-06-21 16:51:12 · 1224 阅读 · 0 评论 -
每日三思: 倒计时遇到的待优化的问题
倒计时完毕之后的状态值,前端优化体验倒计时到0时的体验优化,不能直接使用后端的返回值,要和前端的逻辑配合使用总共分为以下几种情况拼团中(分两种情况)正常的倒计时且没有到0倒计时到了0且后台的code不是拼团失败处理方式:前端使用逻辑判断而且不是直接使用倒计时的状态值需要的操作是<text class="prd-stt-text prd-stt-92901" wx...原创 2019-06-24 10:46:24 · 250 阅读 · 0 评论 -
vue:使用v-for写入:style中图片做背景
<div class="honor_row" v-for="(item,i) in points.awardList" :key='i'> <span class="radius200 " :style="{'background': 'url('+imgDomain+item.filePhysPath+') no-repeat center ce...原创 2018-09-30 15:04:36 · 7588 阅读 · 0 评论 -
vue:页面初始化之前data之间的数据相互调用的方法
场景复现:需要获取到当日的最后一秒来作为查询条件(不能使用当前时间的毫秒 - 不同的访问IP存在时差),由于vue的this在挂载中,不一定能取到值解决方法:在data的return外定义一个变量存储当日的最后一秒...原创 2018-09-29 17:14:21 · 16007 阅读 · 1 评论 -
vue爬坑:常见问题解决方法记录汇总贴
安装element-ui时候报错 解决方法:在查找node_mouldes下的element-ui时发现它没有theme-default,只有一个theme-chalk文件,改成对应的文件原创 2018-06-15 11:29:43 · 616 阅读 · 0 评论 -
vue爬坑记:初学vuex(一)
安装vuexnpm install vuex --savesrc目录下新建vuex文件夹,新建store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { count: 5}const mutations = { add(state) { ...原创 2018-06-25 14:17:18 · 218 阅读 · 0 评论 -
vue爬坑记:关于遇到侧边栏高亮的坑
写在前面:由于vue使用的还不怎么熟练,在设置不同的路由之间跳转需要设置高亮时卡住了,所以记录下遇到的问题.遇到的问题自己写的高亮class在页面刷新时失效,总是第一个高亮使用vuex传需要高亮的index值时,使用$store.state.count值传递不到js里面去,只能在html里面用;使用vueRouter中的router-link传值时,也是传递不到js里面去;解决方法...原创 2018-06-25 17:25:06 · 2469 阅读 · 0 评论 -
vue爬坑记:全局面包屑组件
vuex文件夹下的代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { smallPage: true, // 菜单是否显示 breadcumb: {}// 面包屑}const mutations = { changePage (state, value) { sta...原创 2018-06-26 18:31:57 · 7276 阅读 · 1 评论 -
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序
npm run dev 报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vue-mall@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.d...原创 2018-06-20 10:08:20 · 6430 阅读 · 1 评论 -
vue中使用函数绑定时报错has already been defined as a data property
vue中使用@click=”showFilterPop” 报错vue.esm.js?efeb:591 [Vue warn]: Method "showFilterPop" has already been defined as a data property.found in---> <GoodsList> at src\views\GoodsList.vue ...原创 2018-06-20 11:46:56 · 17657 阅读 · 0 评论 -
vue爬坑记:sass的学习记录坑
安装sassnpm install node-sass --save-devnpm install sass-loader --save-dev安装失败时报的错Module build failed: Error: Cannot find module 'node-sass'说明sass没有安装对Module build failed: Error: Cannot...原创 2018-06-27 09:44:10 · 2424 阅读 · 1 评论 -
vue:element-ui汇总篇
键盘事件失效使用@keyup.enter=’func’不起作用 要改为@keyup.native=’func’原创 2018-07-10 17:06:57 · 305 阅读 · 0 评论 -
vue:使用技巧汇总篇
初级级提升篇v-bind:class=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;{xx:shopType.selected,dashed:!shopType.selected}&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&原创 2018-07-11 14:33:09 · 781 阅读 · 0 评论 -
vue爬坑记:element-ui的标签页之间跳转的手动控制
控制标签页之间的跳转-手动控制页面<el-row class="marginTop5"> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :span="24" class="t-c-t"> <原创 2018-07-06 10:21:42 · 11964 阅读 · 0 评论 -
vue爬坑记:element-ui的table中单选按钮的设置
<el-table-column align="center" label="主经营品牌"> <template slot-scope="scope"> <!-- class="textRadio" --> <el-radio @change原创 2018-07-06 19:59:06 · 18203 阅读 · 2 评论 -
element-ui使用v-for来遍历el-radio - 学习记录帖
<el-form-item label="员工性别" label-width="1rem" prop="sttusCodes"> <el-radio-group v-model="radio" @change="onRadioChange"> <el-radio :label="item.value" :原创 2018-07-31 10:29:35 · 29233 阅读 · 3 评论 -
vue使用技巧:v-for配合option时不能出现0的解决方法
code 示例&amp;lt;el-form-item label=&quot;生育情况&quot;&amp;gt; &amp;lt;div class=&quot;flex-box&quot;&amp;gt; &amp;lt;div class=&quot;flex1&am原创 2018-10-08 12:27:49 · 3837 阅读 · 0 评论 -
vue:通过毫秒设置目标时间
通过毫秒设置目标时间let latOneMonth = new Date().getTime() - 3600 * 1000 * 24 * 30; //最近一个月let latThreeMonth = new Date().getTime() - 3600 * 1000 * 24 * 90; //最近三个月3600 * 1000 * 24 * 90let halfyear = new Dat...原创 2018-10-08 16:50:19 · 1745 阅读 · 0 评论 -
vue常见的扩展安装方式汇总
less和sassnpm install less less-loader --save-devnpm install sass sass-loader --save-dev原创 2018-06-20 18:29:46 · 935 阅读 · 0 评论