![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
·某某·
嗯嗯
展开
-
Vue学习笔记(尚硅谷天禹老师)
总结:Vue中有2种数据绑定的方式:备注:总结:el有2种写法:data有2种写法:如何选择:目前哪种写法都可以,以后学到组件时,,否则会报错MVVM模型:总结:使用计算属性:使用监听属性:总结:和之间的区别:两个重要的小原则:1.9 key的作用与原理面试题: 、中的key有什么作用?(key的内部原理)虚拟DOM中key的作用:key是虚拟DOM中,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下:原创 2022-11-15 17:00:43 · 743 阅读 · 0 评论 -
Vue Router 嵌套路由中, 子路由path路径带 ‘/‘ 与不带的区别
定义的路径 path 没有书写。在定义 path 没有书写。在定义 path 有书写。定义 path 前有书写。定义 path 有书写。原创 2022-09-21 09:31:13 · 1740 阅读 · 0 评论 -
vue中防抖节流使用
防抖:在N秒内,只执行最后一次函数;在操作次数的维度上减少执行次数节流:在N秒内,只执行一次函数在时间的维度上减少执行次数注意:防抖、节流返回的是一个函数return {console . log(str , val , 'getValue函数-------') } , handleChange(value) {原创 2022-09-19 19:38:22 · 572 阅读 · 0 评论 -
swiper、vue-awsome-swiper插件使用
swiper各版本区别地址:https://www.swiper.com.cn/about/us/index.html。原创 2022-09-15 19:31:36 · 692 阅读 · 0 评论 -
vue右击界面全屏显示,按ESC退出
按钮,点击界面全屏展示。原创 2022-09-15 18:41:41 · 495 阅读 · 0 评论 -
webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
webstorm vue@跳转相应路径文件原创 2022-09-15 13:51:03 · 4151 阅读 · 0 评论 -
vue项目title设置问题
注释下面这一行,防止网络慢的时候页面的title会瞬间显示package.json中设置的name。但是,如果我们想每次跳转不同的界面,页面显示自己的title值,怎么办?默认情况下,vue-cli搭建的项目页面的title显示的是。答:路由中的导航守卫功能。原创 2022-09-07 14:18:28 · 662 阅读 · 0 评论 -
vue3+vite配置eslint&prettier
其中 On code reformat 和 On save 不需要勾选,否则会和eslint 有冲突 (可能配置有点问题)// 默认为 “type”: “module”, 修改成"commonjs"再勾选 Run eslint --fix on save。一个环境定义了一组预定义的全局变量。中设置 Run for files 为。// 可添加如下两条命令。原创 2022-09-05 14:52:01 · 4315 阅读 · 0 评论 -
vue/cli不同版本差异
vue-cli与vue之间是什么关系?vue-cli是vue的脚手架,用于快速搭建一个项目的模版。通俗来讲就是创建一个空项目,并且做好webpack,node相关的配置。// 查看vue版本 npm list vue // 查看脚手架版本 vue - V 或。......原创 2022-08-29 14:50:34 · 2458 阅读 · 0 评论 -
antv g6右击节点自定义上下文菜单实现
antv g6右击节点自定义上下文菜单实现。原创 2022-08-11 14:42:17 · 5487 阅读 · 2 评论 -
多个el-select下拉框无法选中相同内容
多个el-select下拉框无法选中相同内容。原创 2022-08-01 10:13:57 · 834 阅读 · 0 评论 -
a-table行数据合并 + 动态表头生成
a-table行数据合并 + 动态表头生成原创 2022-07-14 11:27:30 · 2421 阅读 · 2 评论 -
ant + moment根据开始日期和周期自动计算结束日期
输入开始日期与周期,自动获取结束日期原创 2022-07-06 14:47:40 · 325 阅读 · 0 评论 -
a-date-picker 日期控制只能选择当月日期其余禁用
日期只能选择某月日期,其余月份日期禁用界面默认初始数据为2022年10月1日,故只能更改2022年10月某天日期原创 2022-07-06 14:12:39 · 1935 阅读 · 0 评论 -
ant-design-vue获取table复选框勾选行数据
a-table获取复选框勾选行数据原创 2022-06-08 14:07:08 · 6796 阅读 · 0 评论 -
js常用utils封装
常用js方法封装原创 2022-06-07 17:37:27 · 1016 阅读 · 0 评论 -
ant design vue tree添加自定义新增、修改、删除节点图标
a-tree自定义新增、修改、删除图标原创 2022-06-06 15:27:19 · 7832 阅读 · 5 评论 -
echarts双向柱状图效果实现
效果图展示注意部分背景圆角效果实现(当前使用echarts4.9.0版本,如部分效果失效,可能版本原因所致)完整代码展示<template> <div ref="chartItem" style="width: 520px; height: 190px"></div></template><script>import echarts from 'echarts'import { getVisualToolData } fr原创 2022-05-27 16:08:41 · 932 阅读 · 0 评论 -
vue自定义table表实现内容上下循环滚动
需求对一段table表数据进行异常与正常类型的分类处理;异常数据固定于table表内上方显示;正常数据则在异常数据下方实现循环滚动效果;(若正常数据高度未溢出table表高度,正常显示即可,无需滚动)效果图展示代码核心部分<!-- html 部分--><!-- scrollWrap: 滚动区域; scrollWrapHeight:table总高度 - header高度 - 异常数据高度 --><div class="scrollWrap"原创 2022-05-27 15:08:05 · 4897 阅读 · 0 评论 -
Ant Design Vue 表格内新增修改行数据
如图所示:代码核心处1、表单columns 属性对象下标的 scopedSlots:完整源码(已将导入导出等无关功能代码删除)<template> <div> <a-modal width="1400px" title="SAP产成品产出" :visible="visible" :footer="null" @cancel="handleCancel" > <di原创 2022-05-05 14:33:13 · 4551 阅读 · 0 评论 -
vue过滤器filters获取不到this对象的解决办法
解决方案在data中定义一个属性that,把this存储到that中在调用filters中的方法sum的时候将that传进去即可下面举个例子用filters计算data中 a+b 的值注意:filters中的sum方法的第一个参数是 | 左边那个a,第二个参数才是括号写的that<template> <div>{{a|sum(that)}}</div></template><script> export default {原创 2022-02-11 08:00:00 · 2272 阅读 · 0 评论 -
elementui中el-dialog弹窗移动缩放大小(保留上次位置大小)
效果演示一、创建一个dialog.js文件,并在main.js中进行引入import Vue from 'vue'// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind (el, binding, vnode, oldVnode) { // 自定义属性,判断是否可拖拽 if (!binding.value) return const dialogHeaderEl = el.querySelector('.el-原创 2022-02-10 17:41:04 · 5532 阅读 · 14 评论 -
使用element中的el-upload自定义上传文件
自定义文件上传步骤图el-upload相关属性简介:http-request 自定义请求file-list 上传成功的所有文件list-type="picture"上传图片时,可显示图片缩略图预览action 可以使用普通字符串代替,没有什么意义,但不建议删除,因为我们使用http-request 这个指令:on-change=“changeFile” // 文件状态改变时的回调函数,添加文件、上传成功和上传失败时都会被调用核心代码展示<el-upload class="u原创 2022-02-12 09:00:00 · 14623 阅读 · 0 评论 -
如何修改Vue打包后文件的接口地址配置
如何修改Vue打包后文件的接口地址配置步骤一在public文件下新建一个config.js配置全局变量步骤二在public文件下的index.html中引入config.js步骤三在api中使用全局变量baseURl步骤四在vue.config.js中配置打包后路径以上配置结束后,npm run build生成的dist文件中的config.js便可外部动态修改baseUrl了...原创 2022-02-10 15:28:04 · 2230 阅读 · 0 评论 -
tinymce富文本vue使用教程
tinymce富文本vue使用教程一、资源下载二、下载中文语言包三、初始化富文本信息四、扩展插件五、其他注意六、tinymce一些功能配置七、图片上传(个人整理图片上传两种方式)八、封装一、资源下载npm install tinymce -S // 当前版本^5.1.0npm install @tinymce/tinymce-vue -S // 当前版本^3.0.1二、下载中文语言包tinymce提供了很多的语言包,这里我们下载中文语言包下载的时候可以先在static下面建个目录tiny原创 2021-12-03 17:14:37 · 2740 阅读 · 1 评论