AntDesign Vue table设置最小宽度(单元格属性or头部)

  • Post author:
  • Post category:vue

{ title: '任务名称', dataIndex: 'title', ellipsis: true, align: 'center' customCell: column => { return { style: { 'min-width': "100px", "white-space": "nowrap", overflow: "hidden", display: "inline-bl…

继续阅读 AntDesign Vue table设置最小宽度(单元格属性or头部)

vue3.0 生命周期 和 provide 和 inject

  • Post author:
  • Post category:vue

1:  Vue3.0 中 提供的生命周期走钩子函数注册函数只可以在setup() 函数中使用。 2:注册组件 <template> <Demo></Demo> </template> <script> import Demo form './Demo.vue' export dafuult { components: { Demo } }…

继续阅读 vue3.0 生命周期 和 provide 和 inject

vue项目的搭建

  • Post author:
  • Post category:vue

搭建Vue环境及创建vue项目 1、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入: npm install -g cnpm –registry=https://registry.npm.taobao.org 即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成功:输入 cnpm -v 2、全局安装vue-cli npm…

继续阅读 vue项目的搭建

Vue源码分析(Render渲染函数)

  • Post author:
  • Post category:vue

文章目录 Render函数 渲染DOM原理 虚拟DOM Vue整体机制 Render Function API 练习Render函数动态渲染标签 函数组件和状态组件 练习Render函数动态渲染组件 Render函数 渲染DOM原理 在前面的内容我们学习到了Vue的响应式,但是只有响应式是不够的,我们要将内容渲染出来。Vue的templates就是通过Render(渲染)函数渲染出来的。 第一阶段…

继续阅读 Vue源码分析(Render渲染函数)

ubuntu中vue+Webpack 热部署检测不到文件的变化解决方法

  • Post author:
  • Post category:vue

Webpack 的热部署功能是使用 inotify 来监视文件变化,其中 fs.inotify.max_user_watches 表示同一用户同时可以添加的watch数目(watch一般是针对目录,决定了同时同一用户可以监控的目录数量。 查看系统当前max_user_watches的值 $ cat /proc/sys/fs/inotify/max_user_watches 应该会显示8192,81…

继续阅读 ubuntu中vue+Webpack 热部署检测不到文件的变化解决方法

vue引入iconfont阿里字体图标库以及报错解决

  • Post author:
  • Post category:vue

下载阿里的字体图标库文件,放在\src\assets\font文件夹下面。 安装style-loader,css-loader和file-loader (或url-loader)  ,记得--save-dev webpack的配置文件中添加: { test: /\.css$/, use:['style-loader','css-loader'] }, { test:/\.(ttf|eot|woff…

继续阅读 vue引入iconfont阿里字体图标库以及报错解决

Vue动态创建组件并插入到页面中

  • Post author:
  • Post category:vue

动态创建组件依靠 Vue.extend 案例分析 用户通过点击新增按钮,新加下一个页签,要实现这个需求只能通过动态的创建组件,然后添加到页面中,下面来实现这个需求(页签内容部分就不做了,重点放在动态创建页签按钮) 案例实现 <div id="app" class="app"> <div class="title">XXX页面</div> <div id="…

继续阅读 Vue动态创建组件并插入到页面中

解决vue项目 改东西则项目中断 报错(内存溢出)​`webpack-dev-server –inline –progress –config build/webpack.dev.conf.j

  • Post author:
  • Post category:vue

1.当你保存项目时 ctrl+s 则项目中断,其实就是因为内存溢出,不用怕 马上解决 报错信息 <--- Last few GCs ---> [1460:000002761B7142C0] 5105932 ms: Mark-sweep 2056.7 (2262.5) -> 2055.2 (2250.1) MB, 424.9 / 0.1 ms (average mu = 0.878…

继续阅读 解决vue项目 改东西则项目中断 报错(内存溢出)​`webpack-dev-server –inline –progress –config build/webpack.dev.conf.j

【vue3】按钮点击涟漪(波纹)特效 – 指令封装

  • Post author:
  • Post category:vue

之前做的angualr项目封装的涟漪特效指令,现在改为vue3写法。(因为迁移过来的,只做了最小的改动供vue3使用) 感觉写法上有优化建议的,欢迎留言讨论交流、学习! function getOptions() { return { el: null, animationListener: null, mouseDownListener: null, createShade() { let el…

继续阅读 【vue3】按钮点击涟漪(波纹)特效 – 指令封装

springboot+vue前后端分离多次请求sessionid不同的解决方法

  • Post author:
  • Post category:vue

背景:我的项目中有一个发送邮箱验证码和检验的功能,通过redis,以sessionid为键,随机验证码为值,但是我发现获取验证码和点击注册时检验验证码的sessionid总是不同,在页面检查中选择网络发现set-cookie后面有一个黄标显示:“Set-Cookie没有指定“SameSite”属性,它被默认为“SameSite=Lax”,并被阻止,因为它来自一个cross-site响应,而不是对t…

继续阅读 springboot+vue前后端分离多次请求sessionid不同的解决方法