WebSan
关注
分享
扫一扫
milijiangjun
这个作者很懒，什么都没留下…
展开
-
在elementUI中sort-orders排序，默认为三种，怎么改成两种
在 table表单中添加sort-change事件, :sort-orders="[‘ascending’, ‘descending’]"<el-table-column prop="pubDate" label="出版日期" width="150px" sortable='custom' :sort-orders="['ascending', 'descending']" show-overflow-tooltip></el-table-column>这里 我们这样写但是有原创 2020-09-17 17:07:55 · 6046 阅读 · 1 评论 -
elementui--table内容超出显示点
<el-table-column prop="pubDate" label="出版日期" width="150px" sortable='custom' :sort-orders="['ascending', 'descending']" show-overflow-tooltip></el-table-column>最终效果如图：原创 2020-09-17 17:07:04 · 3506 阅读 · 0 评论 -
vue项目中的样式污染
在界面之中：我们在vue项目中写css 的时候 要用<style lang="scss" scoped> </style> 应为 不加的话，有可能对 全局样式造成污染，然后把其它页面污染了造成变形。记录备查原创 2020-09-15 19:47:51 · 1460 阅读 · 0 评论 -
vue项目运行后报错 Error occurred while trying to proxy request
错误代码：[HPM] Error occurred while trying to proxy request /api/multilingualQuery?lang=zh&sort=common from localhost:8080 to http://localhost:9090 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)总共有8大串然后百思不得其解，咋地回事。自己各种办原创 2020-09-15 19:12:14 · 8080 阅读 · 0 评论 -
vue挂在全局
赋值和取值console.log($user.name)取值原创 2020-09-11 17:11:50 · 188 阅读 · 0 评论 -
element-uiupload组件上传文件类型限制
需求：文件上传类型指定accept 后还需要进行指定判断大小或文件类型但是我们发现原来的已经不能满足我们的需求，这个时候我们需要在文件上传的时候进行判断代码如下： <!-- 图片上传 --> <el-popover placement="bottom-start" width="450" trigger="click"> <div style="height:300px;"> <el-u原创 2020-09-03 13:28:57 · 10538 阅读 · 1 评论 -
项目提交后发生错误
项目提交后，再次运行本地项目编译错误大概应为从gitee 上面进行pull 过了错误如下：最初显示的是如下的错误信息 显示vue-html5-editer 没安装，自己去对应文件夹看，确实存在然后 npm I vue-html5-editor 进行 安装，没想到接着一下出啦10多个类似的还出现的node 编译方式没安装。。。然后把 sass 给卸载了然后从新安装npm i node-sass --sass_binary_site=https://npm.taobao.org/mir原创 2020-09-03 12:43:56 · 352 阅读 · 0 评论 -
超强的左中右布局
需求：需要在某个界面进行左中右布局，例如当当网的书籍检索：我们需要做成这个样子背景颜色为统一的。右侧为白底色所以我们用左右布局 右中在包括 左右然后我们实现的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2020-09-02 15:08:12 · 1351 阅读 · 0 评论 -
关于elementui的金额组件的大小
由于我们做项目中引用的时候，需要用到element ui 这次我们用到了el-input-number 但是太大了，我们要把它变小，以更加美观怎么办呢？如图，是我们需要实现的效果组件的相关代码： <el-input-number v-model="SuperbSearch.maxmoney" :precision="2" @change="handleChange"原创 2020-09-01 18:36:21 · 1598 阅读 · 0 评论 -
element-upload上传指定的文件格式
现在我们有1个这样的需求，我们需要上传我们指定的文件格式信息。 通过element ui upload 组件进行上传。但是我们知道上传的格式有官方的指定格式。 也有一些特殊的时候我们需要我们自己的格式。 例如：我们上传我们自己拉去的微信信息组合后缀文件 WXUSer.WXDB 或者 数据库 bat .bat 文件 以及mac 文件 .mc 固有的，就不能满足我们的需求，咋办了。 我们可以指定上传文件格式来满足。 例如： <!-- mac上传 --> &.原创 2020-09-01 09:24:04 · 8836 阅读 · 0 评论 -
超强左中右布局中间高度高
今天在做界面布局的时候发现了一个问题，就是自己做高级检索 需要用到左中右布局，自己做了下，发现问题。。。不是自己想的样子。导致内容溢出了效果可以参看当当的筛选正确的解决方案代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margi原创 2020-08-29 14:18:44 · 233 阅读 · 0 评论 -
elementUi里面的el-input框有时候无法输入的问题
今天在用element ui 的时候有一个text 输入框没办法输入值。在添加可以，在修改就连光标也不能移动了。如图一度以为自己写的代码有问题，是自己绑定值的时候出现的绑定失误造成的。但是经过排查后发现代码没有问题： <el-row> <el-col :span="8"> <el-form-item label="出版社名"> <el-input v-model="da原创 2020-08-28 20:15:23 · 3246 阅读 · 2 评论 -
element上传限制指定格式
<!-- 书目上传 --> <el-popover placement="bottom-start" width="450" trigger="click"> <div style="height:300px;"> <el-upload class="u_excel" :action="uploadbzip" .原创 2020-08-27 17:21:57 · 1329 阅读 · 0 评论 -
vue三部分结构布局
头1.宽满高固定头2.宽满高固定头3.宽满高占满余下的代码：<template> <div id="pick"> <CHeader></CHeader> <div class="Showcoont"> <p>a</p> <p>a</p> <p>a</p> </div> <原创 2020-08-25 16:22:20 · 1151 阅读 · 0 评论 -
项目提交后发生变异错误vue
ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ds-vue@1.0.0 build: `node build/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the ds-vue@1.0.0 build script.npm ERR! This is probably not a problem with npm. There is likely additional logging原创 2020-08-24 14:50:34 · 1022 阅读 · 0 评论 -
el-select 设置宽度自适应上层div
在标签el-select中，添加style=“display:block;”宽度将由上层div宽度决定display: grid;grid-template-columns: minmax(auto,400px);上层div配合grid布局达到select选择框最大宽度400px，自适应小屏幕的效果 <el-col :span="8"> <el-form-item label="供应商名" prop="supplier" :class="{ 'is-requ原创 2020-08-22 17:59:39 · 4641 阅读 · 0 评论 -
element-upload上传组件限制
1.项目中用到了el-上传组件在实现之后，备忘下，以防以后忘失 <el-popover placement="bottom-start" width="450" trigger="click"> <div style="height:300px;"> <el-upload class="u_excel" :action="uploadbzip"原创 2020-08-21 11:01:34 · 1029 阅读 · 0 评论 -
git commit 错误
提交的时候出现的错误改变方法然后输入命令点击 Git Bash Here ，输入两命令git pull origin master ，执行完成再输入git push -u origin master然后就会强制提交到gitee上原创 2020-08-19 17:32:09 · 405 阅读 · 0 评论 -
Element-ui文件上传错误401
今天做上传配置好后发现出现了错误 错误信息401问题根源是跨域造成的官网：https://element.eleme.cn/#/zh-CN/component/upload解决办法：element ui 设置headers代码如下：<template> <div class="mod-home"> 12332 <el-upload class="upload-demo" action="http://原创 2020-08-19 14:25:08 · 3686 阅读 · 1 评论 -
http://localhost:8080/sockjs-node/info?t=1556418283950 net:: ERR_CONNECTION_REFUSED（亲测有效~!）
1 运行vue 项目后出现错误http://localhost:2001/sockjs-node/info?t=1597628862842 出现问题原因：sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/soc…）客户端：sockjs-client（https://github.com/sockjs/soc原创 2020-08-17 10:10:06 · 5101 阅读 · 0 评论 -
Vue配置服务器启动端口号
1 找到要更改的文件打开我们的项目 打开config 中的index.js更改需要更改的选项ip端口是否自启动端口错误覆盖：通知错误：自动打包然后从新进行编译npm installnpm run dev看运行效果原创 2020-08-14 16:09:36 · 2937 阅读 · 0 评论 -
基于vue2.5的项目的安装
1.上接配置基本的环境https://blog.youkuaiyun.com/milijiangjun/article/details/108004669安装指定vue版本2.安装脚手架的init 全局打开c盘的cmd输入npm install -g @vue/cli-init（3 的版本命令）npm install -g vue-cli -init （2.5 的版本命令）3.开始进入我们的项目文件夹cd\f:cd VUEcd ShopingDemo4. 输入init 初始化vuev原创 2020-08-14 15:50:54 · 1397 阅读 · 0 评论 -
安装指定的vue版本
1.目的：想安装指定版本的vue ，不想安装最新的2错误的方法npm install -g @vue/cli@2.0 --vue3.0以后的安装语法3错误了卸载npm uninstall -g @vue/cli4从新安装npm install -g vue-cli@2.5 — vue 3.0 以前的安装语法可以看到提示，安装成功了。表示我们最初的安装错误了。是vue3.0 以前和以后的安装语法发生改变造成的原因5 输入版本查询vue -V 查询当前版本vue完成...原创 2020-08-14 15:01:25 · 10098 阅读 · 0 评论 -
vue安装最新版Vue或者指定版本
1 查看 node 版本node -v2 查看npm 版本npm -v3 安装最新的vuenpm install -g vue-cli — 这个命令已经废弃了3.0以后npm install -g @vue/cli4 安装指定版本的vuenpm install -g @vue/cli@版本号例如 ：npm install -g @vue/cli@3.11.05 卸载vuenpm uninstall -g @vue/cli...原创 2020-08-14 14:36:13 · 13716 阅读 · 0 评论 -
2020-08-13
步骤1 准备创建项目在所想见项目的地方首先查看 是否版本整齐打开所在项目的文件地址，当然也可以 cmd 命令执行步骤2 在地址栏输入 cmd.exe 调用cmd然后输入vue，出现如下信息表示环境具足，标识脚手架的库已经全局安装过了。步骤3 错误信息，在当前工作空间安装创建一个项目vue init webpack vue_demo错误内容：Command vue init requires a global addon to be installed.Please run npm in原创 2020-08-13 22:52:20 · 172 阅读 · 0 评论 -
Vue-Cli脚手架安装配置及问题解决
VueCline 搭建步骤1. 首先查看当前的node版本号node -v步骤2. 查看npm版本号npm -v步骤3. 开始全局安装vue-clinpm install -g vue-cli为什么要安装全局的脚手架？应为这样就可以在电脑上各个自己想要的地方创建项目。步骤4. 卸载上面提示说，安装命令已经更改了，我们需要卸载掉重新安装这个时候我们需要从新打开cmd输入卸载命令npm uninstall vue-cli -g步骤 5清楚npm缓存npm cache clea原创 2020-08-13 21:40:04 · 446 阅读 · 0 评论 -
nodeJs环境安装配置
nodeJs安装步骤1.官网下载步骤2 开始安装步骤3 点击开始安装阅读安装说明步骤4 开始选择安装路径![在这里插入图片描述](https://img-blog.csdnimg.cn/20200813204734124.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbGlqaWFuZ2p1bg==,size_16,color_FFFFFF,t原创 2020-08-13 20:58:56 · 376 阅读 · 0 评论