element-ui
yuanyi正
前端
展开
-
node上传图片-vue前端+express后台
上传图片是很常见的功能但是这个功能有点挑战要处理好:1.前端图片上传,2.后台接收图片,3.后台保存图片,4.将保存地址返回给前端,前端回显图片。有不懂的同学可以咨询我微信号yizheng369另外一份html+node参考源码:https://gitee.com/618859/picture-upload-node效果将电脑选择的文件图片预览:URL.createObjectURL(file.raw)vue前端代码注意:前端此处用了element-ui框架sureFun() {.原创 2022-05-08 15:45:24 · 1324 阅读 · 6 评论 -
前端开发一些技巧
熟悉使用一些技巧和插件,对开发简直如虎添翼喔1.程序运行时,设置环境变量"scripts": { "dev": "cross-env AA=我就是一个环境变量 myName=yizheng node app.js", "test": "echo \"Error: no test specified\" && exit 1" },app.js文件console.log('env', process.env);控制台打印效果:env { AA: '我就.原创 2021-11-29 17:51:11 · 431 阅读 · 0 评论 -
前端开发我的优势
前端开发优势1.精通vue开发1.vue的MVVM响应式原理和自我实现https://github.com/banana618859/my_vue_MVVM2.vue全家桶熟练使用(vue-router\vuex\watch\computer\mixin\props\emit)3.vue+Element-ui熟练使用,2年工作使用经验2.扎实的html+css功底1.6年前端网页开发经验,能根据各种场景,自主开发对应的功能组件和插件2.网页还原率在95%以上3.拥有各种终端自适应方案(p原创 2021-10-05 21:56:23 · 9384 阅读 · 2 评论 -
nwjs监听右上角关闭事件close,提示是否关闭
效果如下:代码如下:这里用到了vue + element-ui的弹出框,如果自己写一个弹出框也行的,mounted(){ // 监听软件右上角关闭点击 nw.Window.get().on('close',async function(){ console.log('this-win',this) // 如果点击确定就关闭 let rel = await that.answerFun('确定关闭?') console.log('结果:',rel)原创 2021-10-01 14:05:42 · 929 阅读 · 4 评论 -
实现Element-ui表格点击可以编辑
实现Element-ui表格点击可以编辑直接复值代码就可以运行了:有不懂,可评论!<template> <div> <!-- <input type="file" id="people-export" ref="inputer" @change="fileUpload" /> --> <p style="font-size:26px; text-align: center; padding: 30px;">实现Eleme原创 2021-06-18 16:15:06 · 1826 阅读 · 2 评论 -
那些vue的坑,哈哈
1.表单内只有一个输入框时,el-form按enter会刷新看看element-ui官网的表单模块下有说明喔W3C 标准中有如下规定:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。原创 2021-01-11 15:25:56 · 277 阅读 · 0 评论 -
el-radio如何分行排版element-ui,每一项占一行用 display: block;
原来的组件效果处理后的效果使用的代码<style scoped> /deep/ .el-radio{ display: block; line-height: 23px; white-space: normal; margin-right: 0; }</style>原创 2020-09-18 08:55:04 · 9615 阅读 · 3 评论 -
vue+element-ui+sortable.js实现表格行和列的拖拽
vue+element-ui+sortable.js实现表格行和列的拖拽真的 行和列都可以拖拽源码在这里:(自己去下载看看哈)https://github.com/banana618859/vue_table_drag效果图一:图二:两种效果,两种实现方式希望对您有帮助。...原创 2020-04-28 20:11:14 · 1507 阅读 · 0 评论 -
学习vue看这篇文章就够了
学习vue看这篇文章就够了1.最快入门vue开发安装nodejs(node中包含了npm)http://nodejs.cn/download/用npm安装vue-cli到电脑npm install @vue/cli -g通过vue-cli生成vue基础项目vue create vueapp开始你的编码2.完善自己的vue项目1.vue组件化2.vue组件化通...原创 2020-03-17 10:13:49 · 472 阅读 · 0 评论 -
如何修改ElementUI源码
如何修改ElementUI源码参考官方文档1.拷贝官方源码-安装首先将ElementUI的官方源码库clone下来https://github.com/ElemeFE/element.gitcd elementnpm install2.修改源码后-重新打包-替换安装完依赖后运行打包命令npm run dist执行完成后可以发现根目录下多了lib文件夹,这个文件夹中的文件就是打包...原创 2020-02-10 10:07:20 · 2444 阅读 · 0 评论