![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
卖萌的小猪
这个作者很懒,什么都没留下…
展开
-
vue 如何PC端不同屏幕大小分辨率自适应
需求:vue自适应屏幕分辨率PC端 如果你做了一个vue的pc端项目,但是需要适应不同的分辨率和屏幕大小,你会发现在1080p*1920下开发的页面,把分辨率切换到1366或者其他的时候,页面会变得非常丑,字体变得超级大,还会换行等等,也许有很多公司都不会做这项业务,因为pc端项目,特别是后台管理,很少做分辨率自适应,但是如果有此需求呢 所以来开干吧,废话不多说,上代码吧!!!!!1、安装 postcss-px2rem及px2rem原创 2021-03-12 15:30:13 · 14790 阅读 · 14 评论 -
element下拉按钮事件
element实现下拉菜单出来按钮 且每个按钮都有其相对应的事件,废话不多说、上代码1、HTML 部分 <el-table-column :label="操作" align="center" class-name="small-padding "> <template slot-scope="{row}"> <el-dropdown @command="handleCommand(row,$event)">原创 2021-01-05 10:42:03 · 2265 阅读 · 1 评论 -
VUE设置可读写的全局变量
VUE设置可读写的全局变量如果想随时修改全局变量的值,有一种办法:main.js中data定义,其他地方通过 this.$root.{paramName} 来引用/修改1、main.js 中定义 new Vue({ router, data: function(){ return { URL: 'http://localhost:8080', } }, render: h => h(App)}).$mo原创 2020-12-29 13:34:45 · 544 阅读 · 0 评论 -
element table只计算最后一列数据总和
需求:element table只计算表格中最后一列的总和官网中的示例是所有数字列都进行计算总和的。所以需要自己处理。1、HTML<el-table border show-summary :summary-method="getSummaries" :formatter="formatter" :default-sort = "{prop: 'projectName', order: 'descend原创 2020-12-12 09:35:47 · 2225 阅读 · 4 评论 -
vue element 文件上传(单文件、多文件手动上传) 、 文件下载
一、文件上传记一次文件上传和文件下载,写的比较仓促,就记录了代码过程,其他没有详细解释,只为记录自己知识积累的过程。1、单文件上传HTML部分: <el-row v-for="(item,index) in DebugfileList"> <el-col :span="10"><span>{{item.name}}</span></el-col> <el-col :span="14">原创 2020-07-06 09:23:24 · 1623 阅读 · 0 评论 -
el-dialog动态显示title提示
假如你有一棵树,或者一个按钮,你点击这个树上的节点或者点击这个按钮,出来的对话框是一样的,但是对话框左边的提示不一样,这时候就需要动态添加title的提示语比如我点页面树的节点 会出来添加人员按钮 点击添加人员 会出来这个dialog对话框 左上角有个添加人员 我需要在点击按钮的饿时候知道 我在给树的哪个节点添加人员 这时候就需要动态显示 添加*人员 而此时的就是树的节点的名称 我这个树的数据在table.vue 里面,我要想拿到这个节点的名字,我需要涉及到组件传值问题。话不多原创 2020-05-09 10:56:40 · 5085 阅读 · 0 评论 -
vue-devtoos的安装(最easy)
可能很多博客都是需要进行安装Vue-devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件,然后运行命令 npm install下载依赖包,在运行命令npm install build 然后再修改配置文件,但是这一过程看似简单,但是往往在npm...原创 2019-12-10 11:10:39 · 350 阅读 · 0 评论 -
vue用命令批量解决ESLint警告
在vue里使用了eslint之后,代码不规范就会报很多警告的错误,也会提示红色下划线,一个一个的改,工作量太大,这样就很让人头疼,下面讲一下怎么批量去解决这些由于eslint代码不规范引起的错误警告步骤如下:1、打开package.json,在script里找到修改为:(中间插入–fix) “lint”: “eslint --fix --ext .js,.vue src test/un...原创 2019-10-18 16:09:29 · 1917 阅读 · 0 评论 -
vue全局注册组件
全局注册组件Vue是一个组件化开发的框架,一般我们在项目中使用组件的步骤是这样的。1.创建一个组件:比方说我们现在新建一个demo.vue文件,随便写一行代码。<template> <div> {{msg}} </div> </template><script>export defaul...原创 2019-10-12 17:49:54 · 128 阅读 · 0 评论 -
Npm run dev报错missing script: dev的解决办法
Vue启动报错- Npm run dev报错:missing script: dev今天在运行Vue项目时,在运行npm run dev时报错如下图:打开package.js文件夹,看文件夹里的scripts看有无dev选项情况一:打开的是当前文件夹,文件夹package.js里的scripts确实有dev,可就是好不到,什么原因呢?最后一看路径不对,vue init webpac...原创 2019-10-12 17:27:26 · 34912 阅读 · 4 评论