el-table table vue el
Vue学习笔记-快速入门
整体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="username"> < ......
高德地图web开发(vue项目)
在开发大屏中需要使用到高德地图,其中使用到的插件: ['AMap.InfoWindow', 'AMap.Marker', 'AMap.Polyline', 'AMap.Icon'] 点标记,绘制路线,信息窗体,icon 开发思路: 在开发中,因为多个途径点不确定数量,所以就放在一个数组中方便管理 起 ......
vue项目跨域和路由问题
一、vue跨域 跨域是浏览器的安全策略,当域名或端口跟目标网址不一致时就会触发。 详细可以去这看看:去看看 当开发阶段,如果出现跨域,因为默认node开发中的服务时127.0.0.1:5173 而请求后端时,地址肯定不是这个,就会触发跨域的问题。 开发中可以修改配置来解决这个问题 import { ......
vue elementui validate异步校验改成同步校验返回结果
异步的校验 <script> import { defineComponent, ref } from 'vue' export default defineComponent({ methods: { getFormDataStatus() { let result= ref(false) thi ......
el禁止已选中select删除指令
import Vue from 'vue' // 和main.js同级,自定义指令控制select已选的不给删除 Vue.directive('defaultSelect', { componentUpdated(el, bindings) { const [defaultValues] = bin ......
如何搭建一个vue项目
一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载https://github.com/coreybutler/nvm ......
vue设置全局scss,报错
sass-loader版本问题引发的错误:options has an unknown property 'prependData'. These properties are valid 当前版本如下: "sass": "^1.32.7", "sass-loader": "^12.0.0", 原来 ......
前端-Vue语法使用
ES6 做为动态语言,感觉底层开始-基本类型就全引用。做为实例化的变量,也变得像指向指针的指针,可以随时切换指针,从而最终的数据类型也更着切换总的来说概念上会比较别扭。以及灵活导致的不确定性。底层都是对象,从对象的类型来搭建。 基本类型\ Primitive value Undefined,Null ......
Vue ElementUI中 table单元格使用多个Popover解决多行溢出隐藏鼠标悬浮提示问题
Popover的简单介绍 trigger属性用于设置何时触发 Popover,支持四种触发方式:hover,click,focus 和 manual。 对于触发 Popover 的元素,有两种写法:使用 slot=“reference” 的具名插槽,或使用自定义指令v-popover指向 Popov ......
前端-VUE
工程化 这里要从node.js开始。 node.js要弄一个基于事件驱动、非阻塞I/O的的web服务,发现V8引擎+JavaScript很合适。这样Js就能直接写后端应用。然后发展成作为本地的运行容器(类似jdk),将js导入到了本地运行领域。以此位基础,发展出了生态环境,里面关系挺绕的,各种轮子, ......
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
【React+Antd】 可展开Table
在antd基础上进行改造,抛弃之前的靠前面+进行展开的方式,在操作列进行点击展开 import { Table } from 'antd'; import React,{useState} from 'react'; import 'antd/dist/antd.css'; import './in ......
企业级项目模板的配置与集成(Vite + Vue3 + TypeScript)
企业级项目模板的配置与集成(Vite + Vue3 + TypeScript) 1、项目介绍 项目使用:eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后,数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成,实例创建完成后立即调用 created(){ console.log( ......
Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535.
问题描述 新建表或者修改表varchar字段长度的时候,出现这个错误 Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535. This includes stora ......
Element UI el-menu菜单 子级选中后,删除父级下划线
1.子级选中,父级也选中样式修改: .el-submenu.is-active > .el-submenu__title { color: #FFFFFF; background-color: #7E8796 !important; } 2.子级选中后,父级有下划线,可以通过以下样式修改去除下划线 ......
VUE前端随笔计2
又是小白记录问题的一次,老规矩,还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码,对比别人的,发现自己的删多了,把这个补充回去就行了,具体意思不太明白,大概是给这个模型里面填充这行数据。 ......
局部添加加载中效果loading (vue+elementUI)
产品需求:有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。(这效果就不揍产品了) 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中, ......
vscode中vue项目中修改.vue文件名后报错
报错误信息: Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
python 中 read_table 函数
001、 [root@PC1 test3]# ls a.txt [root@PC1 test3]# cat a.txt ## 测试文件 10 2 3 0 3 6 6 12 1 1 5 1 2 2 2 4 2 26 8 3 33 34 5 3 [root@PC1 test3]# python ## 启 ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫,虽然最后选择用tinyMCE,但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多,需要将部分工具栏隐藏,然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法,每次比对时,优先进行头头、尾尾、头尾、尾头的比对尝试,如果都没有命中才会进行乱序比对。 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境:vue项目 发布后,通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能(主要是语法糖),网上有各种文章,但是看起来似乎是一样的。 我觉得吧,有新特性了,不能光看,还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的,以前我们有时候想设个name,有时候不想让组件自动继承属性,这时候需要单独设置一个sc ......
vue嵌套iframe踩坑
iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......