vue
文章平均质量分 53
tangdou369098655
快乐生活~~~
展开
-
element-ui + vue ,ant-design + vue , Angular + ZORRO 实现表格自动横纵向合并单元格,并自动根据单元格数据进行添加样式
本文重点写 element-ui + vue 里单元格合并,以及根据数据进行单元格涂色等其他案例直通车–NG-ZORRO + angular-cli11 也适用VUE,REACT,实现表格横纵向单元格合并,按需设置背景色,并解决动态合并单元格动态colspan情况下,nzLeft固定列失效问题,https://www.cnblogs.com/sugartang/p/14847537.htmlhttps://blog.csdn.net/tangdou369098655/article/details/1原创 2021-07-17 23:07:04 · 833 阅读 · 0 评论 -
4种方案教你彻底解决vue + el-dialog的model的状态已经改变但是却不显示弹窗,×号点击后异常无法显示弹框
如果你是VUE2.X,请检查你是否在:visible这个属性上加.sync,就像这样:visible.sync=“dialogVisble”,vue3应该是v-model的绑定方式,请去查文档~如果方案1没有解决,可以尝试将x号绑定和取消一样的方法来进行关闭。找到元素,手动在dom里面把mask的display改成show。欢迎大家指出文章需要改正之处~原创 2024-02-22 01:50:35 · 2447 阅读 · 0 评论 -
vue-router 三级路由,路由跳转页面异常白屏或404,或刷新三级路由页面后一级和二级路由菜单丢失
某些时候是因为二级和三级的路由共用router-view,可以使用router-view 和 redirect 解决问题。欢迎大家指出文章需要改正之处~原创 2024-02-22 01:48:08 · 1824 阅读 · 2 评论 -
2023年最新50道Vue全套vue2+vue3面试题带答案汇总
• M - Model 数据:数据实体,用来保存页面要展示的数据。比如ajax获取的数据。• V - View 视图,显示数据的页面,一般为html。• C - Controller 控制器: 控制整个业务逻辑,负责处理数据,比如数据的获取,以及数据的过滤,进而影响数据在视图上的展示。MVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。原创 2023-07-22 20:43:31 · 12464 阅读 · 1 评论 -
图文并茂quasar2.6+vue3+ts+vite创建项目并引入mockjs,mockjs 拦截ajax请求的原理是什么,quasar为什么要使用boot?
下面是我的选项,仅供参考哇创建成功啦接下来开始引入mock.js先思考一下,mockjs 拦截ajax请求的思路是什么??我看到这个代码通过这段代码,我们可以很清晰了解到,当if (XHR) window.XMLHttpRequest = XHR XMLHttpRequest 就被重写拦截了呢mockJS实现拦截,是模拟了XMLHttpRequest对象。重写open、send等方法,方法调用时,只是普通函数的调用,不会发送真正的请求我们等下测试的时候,就会很直观发现,浏览器原创 2022-06-27 22:31:16 · 1551 阅读 · 0 评论 -
我居然不知道Vue3可以使用hooks函数实现代码复用?
执行代码看一下下哇~~上面是原始的写法,如果这里面好几个变量我们需要复用怎么办呢?比如说这几个变量,函数,我们需要在其他函数里也用到,我们要怎么办呢??下面我们就开始采用hook的方法试一把~~我们创建一个新的文件,src\common-hooks\numberChange.js把上面的代码,剪切到src\common-hooks\numberChange.js,然后用这个套起来:export const useNumber =() =>{}哇哦,(▽),是不是有点开心,代码看起来是不是原创 2022-06-27 00:18:53 · 1060 阅读 · 1 评论 -
图文并茂使用VUE+Quasar CLI开发和构建PWA
manifest.json 是 PWA 配置 manifest 的文件。这两个文件仅嵌入到生产版本中,而开发版本则跳过它们,就是说我们可以在代码里控制,开发版本不执行缓存,否则会影响我们写代码调试。“register-service-worker.js”会自动导入您的应用程序(与任何其他/src文件一样)。它注册service worker(由Workbox或您的自定义工具创建,具体取决于工作箱插件模式 - quasar.conf.js> pwa> workboxPluginMode),您可以监听Ser原创 2022-06-25 23:59:53 · 1004 阅读 · 5 评论 -
从0到1手把手教你实现vite系列--重写依赖请求路径,处理/@modules/vue引用
把插件引入到我们的主服务(就两行代码,不要搞错哦)原创 2022-06-21 01:00:33 · 626 阅读 · 0 评论 -
Vue3的script setup语法糖这么好用的吗
最近发现这个vue3居然还可以这样写原始写法<template> <h1>Tangdoudou</h1> <h1>{{ num }}</h1></template><script lang="ts">import { defineComponent } from 'vue';export default defineComponent({ name: 'App', setup() {原创 2022-05-31 02:01:43 · 320 阅读 · 2 评论 -
从0开始学习VUE3--01-Vue2与Vue3的不同点
升级带来的性能提升总结1.模板编译优化:节点达到一定个数,会自动优化每次重新渲染,会调用createVnode创建虚拟节点,VUE3会做静态提升,静态节点进行提取,进行优化2.事件缓存事件,防止重新创建事件3.响应式原理defineProperty 改为 proxy4.Vue3 diff算法,可以根据patchFlag做diff Vue2是全量的diff,最长递增子序列算法5.options Api改为 compositionApi用起来比较方便,vue2一原创 2022-05-03 03:20:09 · 318 阅读 · 0 评论 -
VUE Angular通用动态列表组件-亦可为自动轮播组件-01-纵向滚动,鼠标划入停止滚动
本文为纵向轮播,横向轮播/动态列表组件请戳----代码是angular的,稍微改改就可以放入Vue项目里,差别不大哟以下代码可以根据实际情况自行调整父组件html<app-scroll-up [dataObj]="dataObjUp"> <div class="slot-one"> <div [style]="{ height: dataObjUp.height + dataObjUp.unit }" class="inner_item" *n原创 2021-07-08 23:22:33 · 216 阅读 · 0 评论 -
VUE Angular通用动态列表组件-亦可为自动轮播组件-02-根据数据量自动横向滚动,鼠标划入停止滚动
本文为横向轮播,纵向轮播/动态列表组件请戳----代码是angular的,稍微改改就可以放入Vue项目里,差别不大哟以下代码可以根据实际情况自行调整父组件html<app-scroll-left> <div class="slot-one"> <div [style]="{ width: dataObjLeft.width + dataObjLeft.unit }" class="inner_item" *ngFor="let item of原创 2021-07-08 23:21:41 · 203 阅读 · 0 评论 -
VUE上传表格文件发送后端,后端解析以及上传文件,前端进行解析的实现方法
首先来说前端上传表格,然后利用纯前端技术进行解析表格的办法详细步骤----请点击这里接下来来说上传发送给后端的代码实现html<input ref="myInput" type="file" class="my_input" :multiple="myMultiple" style="display:none;" @change="importExcel"><el-button type="primary" style="width:150px;" :disabled="ite原创 2021-06-03 22:56:39 · 3029 阅读 · 0 评论 -
axios 拦截器 以及nodejs服务器端 网络错误返回前端的提示,网络正常返回后端的提示
本文旨在说明 设置全局异常拦截器,当网络错误时候返回前端的提示,当网络正常的时候返回后端的提示export default ({ development: { baseURL: 'http://localhost:3000' }, production: { baseURL: 'http://localhost:3000' } })[process.env.NODE_ENV]//将引入axios库单独保存一个文件中//2:引入axio原创 2021-05-27 23:59:42 · 802 阅读 · 2 评论 -
VUE基础之:visible.sync-模态框显示隐藏、elementUI dialog组件报错或者visible属性不生效问题
VUE基础之:visible.sync-模态框显示隐藏、elementUI dialog组件报错或者visible属性不生效问题这篇文档存成草稿2年了,最近终于有时间拉出来写完了。。。。我们日常开发中经常遇到:visible.sync修饰符,特别是当你使用elementUI的时候,el-dialog组件如果不使用:visible.sync就会出现一些意想不到的问题,比如说疯狂报错给你看~~~场景:父组件引用子组件<child-dialog :visible="visible"><原创 2021-05-14 23:53:34 · 17295 阅读 · 0 评论 -
vue基础之keep-alvie保持历史页面数据不变,切换页面后数据不变keep-alvie
1:路由配置文件设置{ path: '/MenuM', component: Layout, redirect: '/MenuM', children: [ { path: 'MenuM', name: 'MenuM', component: () => import('@/views/MenuM'), meta: { title: '主界面', icon:原创 2021-05-10 21:15:57 · 909 阅读 · 0 评论 -
Vue 父组件传值给子组件,对象数组类型,父组件直接调用子组件方法,会是上次的引用地址,vue 父子组件传值数据不能实时更新问题
vue 父子组件传值数据不能实时更新问题解决方案一: 在子组件进行深度监听,然后监听里调用方法就可以了父组件测试代码<WranList ref="myEMChartRef2" :data-arr="dataArr" />data() { return { dataArr: ['父组件初始的数据测试dataArr'], } },mounted() { let ii = 0 setInterval(() => {原创 2021-04-22 22:31:53 · 1857 阅读 · 0 评论