前端vue案例
qq_46019581
这个作者很懒,什么都没留下…
展开
-
vue3 中iframe postmessage使用
获取dom,通过postMessage,发送参数。原创 2022-10-22 17:56:20 · 1630 阅读 · 1 评论 -
element ui table分页保持多选
element ui table 组件分页后多页选择原创 2022-09-28 21:55:57 · 399 阅读 · 0 评论 -
2021-11-08
getEcharts() { let chartDom = document.getElementById("item6Chart"); let myChart = echarts.init(chartDom); let fontColor = "#fff"; let option = { // backgroundColor: "#11183c", grid: { left: "5%", ...原创 2021-11-08 16:59:24 · 237 阅读 · 0 评论 -
前端设置记住密码
使用cookie前端存储用户名密码首先防止密码直接在cookie中,可以使用jsencrypt模块npm install jsencrypt --save建立密码方法import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmO原创 2021-08-28 15:47:30 · 758 阅读 · 0 评论 -
Vue+koa+node 结合element Ui 实现后台图片上传数据库
最近用vue 和node,koa写后台管理项目,后台用element ui 上传图片时,遇到很多坑,查了很多方法,解决后尽可能详尽的记录了下来1.node部分 //npm 下载const bodyParser = require("koa-bodyparser");const multer = require("@koa/multer");const cors = require("koa-cors");app.use(cors()); //跨域插件app.use(bodyParser())原创 2021-03-07 00:16:38 · 950 阅读 · 0 评论 -
vue记录当前的页面位置,路由切换时保持位置
通过监听scrollTop的位置,来实现运用LocalStorage来存储和读取.book-list { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; // overflow: auto; -webkit-overflow-scrolling: touch; &::-webkit-scrollbar { display: none;原创 2020-12-06 18:10:50 · 841 阅读 · 0 评论 -
vue和js模块化开发import导出导入
export const name1='name' //一个js文件import {name1} from './index' //另一个一个js文件Name1=='name'带不带{}的问题。export default不带{}export default const name1='name'import name1 from './index'vuex单独js定义,先用import导入属性import { mapGetters, mapActions,mapMutat原创 2020-11-07 20:19:55 · 503 阅读 · 0 评论 -
js方法和对象( a :function()和function a() )
js方法和对象理解提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录js方法和对象理解函数和方法区别函数和方法区别函数和方法的区别 在javascript中的解释为:**函数(function)**是可以执行的javascript代码块,由javascript程序定义或javascript实现预定义。函数可以带有实际参数或者形式参数,用于指定原创 2020-08-16 17:00:36 · 1025 阅读 · 0 评论 -
vue实现简单的图书加减案例
vue实现简单的图书加减案例index部分css部分vue.js部分index部分该案例的样式如图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>购物车案例</title>原创 2020-07-02 23:20:15 · 308 阅读 · 0 评论