![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
花归去
这个作者很懒,什么都没留下…
展开
-
vue 禁用右键、鼠标选中、F12
vue中禁止鼠标右键、鼠标选中、F12原创 2024-06-12 11:00:44 · 149 阅读 · 1 评论 -
两张图片进行分析
两张图片进行分析,可以拖动左边图片进行放大、缩小查看图片差异原创 2024-06-04 18:32:02 · 204 阅读 · 0 评论 -
No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ pa
npm uninstall yarn -g //yarn卸载。重新安装原有的element-plus版本。卸载掉原来的element-plus。原创 2024-05-14 12:04:49 · 231 阅读 · 0 评论 -
vue3代码片段
【代码】vue3代码片段。原创 2024-05-13 13:07:33 · 265 阅读 · 0 评论 -
vue+cesium项目demo
使用turf时在index.html中引用。原创 2024-05-11 18:18:35 · 203 阅读 · 0 评论 -
可视化大屏比例
【代码】可视化大屏比例。原创 2024-05-08 23:00:38 · 252 阅读 · 0 评论 -
vue 异步加载组件
当页面引入多个组件并且有默认不展示的组件则可以进行异步加载(引入的组件不进行初步渲染,只有需要的时候才加载)首先引入 defineAsyncComponent。然后引入组件 组件名自定义(comB)原创 2024-01-05 16:36:48 · 597 阅读 · 0 评论 -
vue动态组件、保持存活
保持存活:切换组件后,不重新渲染切换的组件,保持切换前(更改文字时)的数据。4、再次切换组件,【组件A的 新数据是更改后的】保持存活;不加eep-alive 则会变回第1张图。原创 2024-01-05 16:31:26 · 480 阅读 · 0 评论 -
vue中的:__ob__: Observer【数组和对象的转化】
建议在mouted 函数里面调用的时间加延时。若果第一种、第二种都不好使的话。原创 2023-09-01 09:27:03 · 404 阅读 · 0 评论 -
vue element 多图片组合预览
data中定义变量:limagePreviewArn。父组件中引用子组件preview-image。定义组件:preview-image。原创 2023-08-14 16:16:20 · 659 阅读 · 0 评论 -
ant 1.0 tree更改图标
设置 class="treeClass" show-icon。原创 2023-06-01 09:55:37 · 222 阅读 · 0 评论 -
数字翻牌器
【代码】数字翻牌器。原创 2023-03-06 14:59:26 · 232 阅读 · 1 评论 -
ant a-table 树表格级联选择
<template> <div> <div class="table-box"> <a-button type="primary" @click="btnclick">点击获取数据</a-button> <a-table :columns="columns" :data-source="data" :row-selection="rowSelection" />...原创 2022-04-20 14:39:26 · 1532 阅读 · 2 评论 -
vue 复制粘贴
场景:在项目中,需要开发一个复制邀请码的功能,也就是点击复制按钮就将邀请码复制到粘贴板,直接粘贴即可。使用到的是 vue-clipboard2 插件,简单又好用首先,需要先安装这个插件npm install --save vue-clipboard2然后,在vue 项目中的 main.js 中引入import Vue from 'vue'import VueClipboard from 'vue-clipboard2' // 引入Vue.use(VueClipbo...转载 2022-04-19 16:02:20 · 1622 阅读 · 0 评论 -
正则 文字输入不超过5个汉字或者10个字符
let watermarkContentVaild=(rule, value, callback)=>{ let length=value.replace(/[^\x00-\xff]/g,'01').length if(length>10){ callback(new Error("请输入1~5个汉字或者1~10个字符")) }else{ callba...原创 2022-03-14 14:52:58 · 4176 阅读 · 0 评论 -
vue el-tree使用render-content
红色字体为参考文档参考地址:https://my.oschina.net/u/264284/blog/3085348网上找的demohttps://blog.csdn.net/ZYS10000/article/details/116402784楼上git下载地址https://gitee.com/zhengyis/vue-element-tree-pluscnpm安装cnpm install babel-plugin-syntax-jsx babel-pl...转载 2022-03-03 15:19:29 · 4187 阅读 · 0 评论 -
element 表格数据过多时 进行鼠标移上去展示全部
<el-table-column label="物料描述" align="center"> <template slot-scope="scope"> <el-popover placement="top-start" width="200" trigger="hover" ...原创 2021-11-30 17:26:26 · 828 阅读 · 0 评论 -
文本框只能输入数字
<template> <div> <div class="big-div"> <div class="left-div"></div> <div class="right-div"> <div class="input-div"> <el-input .原创 2021-11-23 15:20:53 · 407 阅读 · 0 评论 -
Vue动态设置Style属性
https://blog.csdn.net/fuzhongbin/article/details/104970325凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff 对象html :style="{ color: activeColor, fontSize: fontSize + 'px' }".转载 2021-09-30 20:38:56 · 39798 阅读 · 1 评论 -
vue element序号翻页连续排序
type="index" :index="indexMethod"// 序号翻页连续排序 indexMethod(index) { return (this.currentPage-1)*this.pageSize+index+1; },转载 2021-09-30 17:32:47 · 405 阅读 · 0 评论 -
vue 打开摄像头保存图片
引用 jszip 和file-savernpm install jszip --savenpm install file-saver --saveheadImgSrc 点击打开摄像头closeImgSrc 点击关闭摄像头引用图片可以自行设置<template> <div> <!--开启摄像头--> <div class="imagbtn"> <img @click="ca...原创 2021-09-03 10:11:13 · 905 阅读 · 0 评论 -
vue调用摄像头
<template> <div> <!--开启摄像头--> <div class="imagbtn"> <img @click="callCamera" style="height: 100px; width: 100px" :src="headImgSrc" alt="摄像头" /> <img @clic.转载 2021-09-01 17:24:08 · 5522 阅读 · 0 评论 -
vue-seamless-scroll
1安装npm install vue-seamless-scroll --save2在main.js页面引用import scroll from "vue-seamless-scroll";Vue.use(scroll);3页面代码<template> <div> <div class="staDatas"> <!-- 表头 --> <ul class="head"> ..转载 2021-08-17 14:35:39 · 701 阅读 · 0 评论 -
滚动条加载分页数据
<divid="listBody"></div>listBody 数据外最大的盒子data(){return{ page: { pageNum: 1, //页码 pageSize: 10, totalCount: 0, },}} mounted() {//获取数据最大的盒子 let wrap = document.getElementById("listBody"); ...原创 2021-08-13 19:24:27 · 296 阅读 · 0 评论 -
vue 分页记忆勾选数据 全选为单页面全选
表格组件<template> <div class="common-table"> <el-table :data="data" :max-height="maxHeight" :height="height" :border="border" :stripe="stripe" :size="size" :show-header="showHeader" :too.原创 2021-08-11 18:19:33 · 558 阅读 · 0 评论 -
vue 登录直接跳转首页
目录one首先在登录页面longin操作创建utils.jsmain.js中引用http://链接地址ip:端口/#/login?verinfo=base64加密后的账号,密码twoone首先在登录页面longin操作 this.loading = true this.$store .dispatch('user/login', this.loginForm) .then((res) => {...原创 2021-04-09 11:44:08 · 9825 阅读 · 0 评论 -
uni-app 引用地图
插件市场引用为https://ext.dcloud.net.cn/plugin?id=615目录index页面组件页面 【创建nvue文件】生成高德地图Keyindex页面<template> <div> <hchPosition :storeData="storeData" :markers="markers"></hchPosition> </div> <!-- <div cl...原创 2021-04-06 10:09:50 · 1800 阅读 · 0 评论 -
vue el-upload 上传图片
<el-upload class="upload-demo" action="#" :before-upload="handlePreview" :on-remove="handleRemove" :file-list="fileList" :http-request="uploadImage" :limit=1 :multiple="false" list-type="picture"> <el-button size="small" type=...原创 2021-03-22 11:02:28 · 504 阅读 · 0 评论 -
vue 绑定背景图片、图片
vue绑定背景图片最外面的div样式为background-repeat:no-repeat; 不填充 <div class="login-container" :style="{backgroundImage:'url(' + backimg + ')'}"> </div>import backimgone from '@/assets/app19201080.png' //引用图片 data() { return {...原创 2021-03-22 10:53:11 · 303 阅读 · 0 评论 -
Vue 新手引导标签
安装npm install driver.js --save代码1、存放每一步的提示信息utils - driver.jsexport default [ { element: '#some-element1', popover: { title: '第一项', description: '第一项的描述', position: 'bottom', } ...转载 2021-03-19 15:23:29 · 625 阅读 · 0 评论 -
vue 退出登录
<el-button type="info" size="mini" @click="logout">退出</el-button> methods: { async logout() { await this.$store.dispatch('user/logout') this.$router.push(`/login?redirect=${this.$route.fullPath}`) },}原创 2021-03-18 17:48:23 · 279 阅读 · 0 评论