随笔分类 - vue
摘要：App.vue: <tempalte> <router-view v-if="isRouterAlive" /> </tempalte> export default defineComponent({ provide () { return { reload: this.reload } } da
阅读全文
摘要：参考地址：https://blog.csdn.net/weixin_43094965/article/details/122727682 function checkArray(key) { let arr = ['1', '2', '3', '4'] let index = arr.indexOf
阅读全文
摘要：<img :src="getImgUrl(row.img)"> compoted: { getImgUrl (img) { return img => { return require('../../assets/img' + img) } } }
阅读全文
摘要：<el-form :model="tableForm1" ref="tableForm1" :rules="rules1" label-width="100px" > <el-form-item label="价格" prop="price"> <el-input v-model.number="t
阅读全文
摘要：效果： 组件之间来回切换的时候可以保持组件的缓存状态，不重新加载组件 实例： tab页菜单之间的切换 <router-view v-slot="{ Component, route}"> <transition name="app" mode="out-in"> <div class="ap-con
阅读全文
摘要：watch: { $route: { handler: function(val, oldVal){ console.log(val); } } }
阅读全文
摘要：ref在dom树渲染完成以后才会生成，而created()期是挂载的过程，dom树还没渲染完成，所以找不到ref,返回undefind. 在created()中加入this.$nextTick(()=>{}),在里面调用ref,此方法会在渲染完成后执行，可以解决渲染异步问题
阅读全文
摘要：<el-table :data="tableData"> <el-table-column label="序号" type="index"></el-table-column> <el-table-column label="位置"> <template #default="scope"> <el-
阅读全文
摘要：1、安装npm包–rimraf npm install rimraf -g 2、在cmd指令下，进入所需删除的node_modules文件夹的位置 3、输入以下指令进行删除 rimraf node_modules
阅读全文
摘要：html: <el-select v-model="value" filterable placeholder="请输入关键词" :loading="loading" @change="select"> <el-option v-for="item in options" :key="item.va
阅读全文
摘要：<ul> <li v-for="(item, index) in 20" :key="index" v-on:mouseenter="showDialog(index)" v-on:mouseleave="hideDialog(index)" :accesskey="index" style="po
阅读全文
摘要：卸载原来vue/cli npm uninstall -g @vue/cli 安装新的vue-cli npm install vue-cli -g
阅读全文
摘要：main.js: router.beforeEach((to, from, next) => { const loginPath = '/login' if (to.path !== loginPath && !localStorage.getItem('user')) { next(loginPa
阅读全文
摘要：1.安装 npm install animate.css@3.7.2 --save 2.引入 main.js中： import animated from 'animate.css' Vue.use(animated) 3.使用 vue文件中： <!-- 直接使用animated中的动画class名
阅读全文
摘要：npm install echarts --save 如果安装失败可以通过淘宝镜像进行安装依赖包 cnpm install echarts --save 引入后提示import有问题，需要将echarts版本降到5以下的，改为4.9.0之后显示没有问题了 将echart封装成组件： chartLin
阅读全文
摘要：支持浏览器和node.js支持promise能拦截请求和响应能转换请求和响应数据能取消请求自动转换JSON数据浏览器端支持防止CSRF(跨站请求伪造)
阅读全文
摘要：mian.js(入口文件) import Vue from 'vue' import Vuex from 'vuex' import store from './store' import router from './router' import VueI18n from 'vue-i18n' V
阅读全文
摘要：<div :class="['car_icon', { noting: !allNub }]" ref="carIcon" @click="shoppingCarShow = !shoppingCarShow;alertBoxShow = false;"></div> car_icon为固定的cla
阅读全文
摘要：组件内部使用ref: <hy-attach ref="refresh" url="getNum.do" @click="clickAttach" ></hy-attach> 某个操作完成之后刷新后台请求的数据： success(){ this.$refs.xxx.getAttachNum();//g
阅读全文
摘要：https://blog.csdn.net/qq_42833001/article/details/83302149 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象,会经常用来做数据劫持.数据劫持:在访问或者修改对象的某个属性时，通过一段代码拦截这个行为
阅读全文
浙公网安备 33010602011771号