vue
mh_code
无名之辈
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue错误NavigationDuplicated: Avoided redundant navigation to current location:
避免了到当前位置的冗余导航:解决办法就是在router下面的index.js加上一段代码const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err);};加上之后错误就消失了,如果对你有用,记得点赞。...原创 2021-07-19 14:18:46 · 334 阅读 · 1 评论 -
关于el-table不能及时更新数据的问题
闲来无事写一写父子组件之间通讯的demo,遇到了好多坑,真的是菜。好,现在就记录下来。demo大概是上面的样子 点击新增个人信息 弹出子组件然后输入表单信息添加到父组件内,并可以在父组件上点击编辑按钮 弹出子组件回显要编辑的表单信息。遇到的最坑的地方就是el-table 不能及时回显数据(但是数据已经更新)。1.父组件控制子组件的显示<add-list :title="title" :dialogVisible.sync="isShowInfo...原创 2021-07-13 17:09:51 · 4408 阅读 · 2 评论 -
关于for和forEach
1.今天写代码遇到一个问题困扰了我半天时间 代码如下this.personInfoTableData.forEach((item, index) => { if (item.id === copyObj.id) { this.personInfoTableData[index] = copyObj; return; } }); this.personInfoTableData.push(copyObj原创 2021-07-13 16:46:53 · 142 阅读 · 0 评论 -
el-select如何获取label
<el-form-item label-width="0" prop="field101"> <el-select v-model="selectModel.field101" placeholder="请选择下拉选择" clearable :style="{ width: '100%' }" .原创 2021-07-12 14:16:52 · 733 阅读 · 0 评论 -
使用vuex存储状态页面刷新后数据丢失怎么处理
vue是单页面应用,页面切换都是在一个页面跳转路由,因此sessionStorage较为合适。(sessionStorage的生命周期是在仅在当前会话下有效)所以应该在页面加载的时候将store里面的状态传入进sessionStorage里面在app.vue内假如以下代码created() { // 在页面加载时读取sessionStorage里的状态信息,还原store if (sessionStorage.getItem('store'))原创 2021-05-10 16:18:50 · 228 阅读 · 0 评论 -
使用vue-cli创建的vue项目,用vsCode启动后,再使用vue ui 打开项目仪表盘就会报错,错误信息如下截图所示。
解决办法:如图所示 以管理员身份打开PowerShell 窗口。运行set-ExecutionPolicy RemoteSigned 选择A即可之后再到vsCode终端里面执行 vue ui 就可以启动项目仪表盘了 。原创 2021-03-26 20:09:35 · 1078 阅读 · 0 评论 -
vue v-for循环内的数据按钮点击增减className
<template> <div> <ul> <li v-for="(item, index) in cureList" :key="item.id"> <div class="special-cure" @click="toggleActive(index)" :class="{ active: item.isActive }"> .原创 2020-06-20 09:50:03 · 677 阅读 · 0 评论 -
vue 点击添加class,其他元素移除class(循环数组)
<div class="admin-main-nav"> <ul id="mainNav"> <li v-for="(item, index) in items" :key="item.id" :class="{ active: current == index }" @click="selectNav(index)" > &l.原创 2020-05-28 17:44:17 · 1940 阅读 · 1 评论 -
vue非父子组件通信
<div id="app"> <div v-if="this.message.length">{{message}}</div> <div id="" v-else><span>数据为空</span></div> <component-a></c...原创 2020-04-27 15:48:13 · 303 阅读 · 0 评论 -
小程序金额显示隐藏
要求上面的金额显示隐藏。wxml:<view class="month-spendingBox"> <view class="month-spendingInwrap" bindtap="eyeChange"> <text>本月支出 (元)</text> <view class="spending-...原创 2020-04-07 16:02:52 · 909 阅读 · 0 评论 -
小程序点击按钮显示隐藏
wxml:<view > <button class="{{showView?'show':'hide'}}" bindtap="change">{{showView?'隐藏':'显示'}}</button> <button class="{{showView?'hide':'show'}}" bindtap="change">...原创 2020-04-07 15:05:50 · 5488 阅读 · 1 评论 -
vue2.0 tab切换,选项卡。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-06 10:42:13 · 1328 阅读 · 0 评论 -
vue 点击按钮加减 并设定范围超出范围不可点击
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,width=device-width"> &原创 2018-08-06 11:19:21 · 451 阅读 · 0 评论 -
vue.js组件的全局注册和局部注册详解
1全局注册实例(按照官网的例子下面是代码) <div id="app"> <com-btn></com-btn> <com-btn></com-btn> </div><script> Vue.component('com-btn',{原创 2018-08-11 14:08:34 · 14136 阅读 · 0 评论
分享