vue
左手牵♪♡右手
这个作者很懒,什么都没留下…
展开
-
使用 vue2-org-tree 封装新增、编辑、删除节点 组织结构组件
vue2-org-tree原创 2022-07-27 09:52:03 · 3644 阅读 · 8 评论 -
img加载图片失败展示占位图的onerror事件
项目开发经常会遇到图片加载失败,要求在图片加载失败时,显示默认占位图片,经常是图片字段为空或null显示占位图,第一次遇到这样的。这样就解决了一部分加载不出来的图片。目前是可以满足两个标签。......原创 2022-07-19 14:56:46 · 2518 阅读 · 0 评论 -
数据存在store里一刷新数据丢失解决方法
前几天做移动端,需要设置按钮权限,所以需要storea保存数据,但是问题是一刷新页面数据丢失了,查阅了办法就是在app.vue里面加几行代码,本人测试了下果然好用: created () { // 在页面加载时读取sessionStorage if (sessionStorage.getItem('store')) { this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessi原创 2022-05-20 13:48:29 · 971 阅读 · 0 评论 -
vue-tree-chart简单的使用
项目中需要动态展示组织结构,这里只是展示简单的实现,如果需要更复杂的就需要去深入去实现。插件安装:npm i vue-tree-chart --save组件内容:vart.vue<template> <table v-if="treeData.name"> <tr> <td :colspan="Array.isArray(treeData.children) ? treeData.children.length * 2原创 2022-04-25 14:00:06 · 4858 阅读 · 0 评论 -
vue--纯前端预览pdf、word文件
项目中需要对已上传得附件根据后台传回得url地址进行文件内容得预览读取并渲染。文件类型为pdf或word2种类型1、word类型–.doc/.docx安装插件:npm i [email protected] npm i jszip 2、pdf类型npm install --save vue-pdf 3、页面中使用:<template> <div class="essential"> <div class="cont-ess">原创 2022-03-31 15:07:32 · 3817 阅读 · 3 评论 -
Vue component动态组件
动态组件:多个组件使用同一个挂载,并动态切换,使用is特性 :is="" <div class="content"> <Component :is="tabList && tabList[active] && tabList[active].component"></Component> </div>is绑定组件的是组件name属性值,也可以绑定一个组件的构造器选项对象。<script&g原创 2022-03-02 10:02:34 · 328 阅读 · 0 评论 -
vue 关闭弹框重新打开时element输入框验证规则还在提示
1、表单中输入经常使用验证,但是每次提交后关闭弹框。再打开弹框验证还在作用,这个时候我们可以这样处理:2、我们可以使用这2种方法处理:①:在关闭弹框的地方: this.$refs.form.clearValidate();this.$refs.form这个form必须是和图片上的名称一致;这种方法适合全部②:如果是单个的可以使用:this.$refs.form.validateField('unitName')如果这样报错的话,可以试一试这样写,不会报错:this.KaTeX p原创 2022-01-21 16:49:12 · 3143 阅读 · 1 评论 -
vue-@media媒体查询使用
1、vue需要安装sass-loader和node-sass2个插件来使用①安装sass:npm install sass-loader --save-dev②安装node:npm install -g cnpm --registry=https://registry.npm.taobao.org2、直接在每个页面中使用我这里是:样式写的适配小于750px和大于750px是什么样的大家可以根据需要去使用...原创 2022-01-17 11:36:13 · 2745 阅读 · 0 评论 -
安装 node-sass报错
可以试一试这个方法安装:npm install -g cnpm --registry=https://registry.npm.taobao.org原创 2022-01-10 15:08:05 · 193 阅读 · 0 评论 -
npm run build 打包报错为什么
打包报错很有可能你没有安装这个插件:script-ext-html-webpack-plugin原创 2021-12-13 16:31:34 · 557 阅读 · 0 评论 -
vue 奇偶数动态判断展示不同内容
设计图这样:那么内容是后台传入,所以需要判断不同位置;奇数行:index%2 != 1偶数行:index%2 != 0原创 2021-12-09 10:01:27 · 1700 阅读 · 0 评论 -
vue 父子路由跳转 (默认选中主路由)
最近项目遇到路由,父子路由跳转默认选中路由。每次一看到路由就懵逼主页面:导航的菜单是循环路由得出来的,因此点击跳转子页面是这样的导航菜单代码: <el-menu router :default-active="defaultActive" mode="horizontal" active-text-color="rgba(68, 100, 255, 1)"> <template v-for="(item,val) in data" >原创 2021-12-08 15:24:44 · 1477 阅读 · 0 评论 -
css 左右布局分布
今天一个左右布局的页面写了我半天,用组件也好、flex也好,实现的都不是我想要的,然后问同事给写了一个也不是我想要的,设计图这样,其实左右有背景图的用css实现: <div class="product-type"> <div class="proleft"> <img style="height:710px" :src="require('@/assets/images/pro5.png')" alt="">原创 2021-12-07 14:38:34 · 1282 阅读 · 0 评论 -
vue(router)点击重复路由报错解决方法
项目中点击菜单会发现重复点击一个路由会报一下错误:解决这个错误的方法可以在路由里面写上一段代码,就能解决了const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}```...原创 2021-11-12 14:59:47 · 786 阅读 · 0 评论 -
vue+element 路由注意的地方
后台项目管理一般进入项目里面首先看到的是首页,首页一般要引进路由,否则会提示报错,每次我这个猪脑子都会忘记引入,而且不记得为什么报错,然后就问身边的小伙伴。。。。报错就是我们没有引入:所以我们就需要引入这个...原创 2021-11-10 15:30:47 · 372 阅读 · 0 评论 -
element自定义背景更换
最近的项目中需要自定义背景更换。可以在element官网查看使用方法,有2中方法,使用了第一种比较简单的,第二种自己尝试了开头没有继续。在这里使用这个方法,在项目中新建一个js文件,并且全局引用在这个element-variables.scss里面内容可以官网复制过来/* theme color */$--color-primary: #1890ff;$--color-success: #13ce66;$--color-warning: #ffba00;$--color-danger: #原创 2021-11-04 15:19:29 · 1315 阅读 · 0 评论