
vue与springcloud
常用方法,增删查改用法,框架基础,框架原理等
心诚则灵'
这个作者很懒,什么都没留下…
展开
-
iview中input限制输入字符长度
在实际需求中,往往需要限制input输入字符串长度,在iview中和h5中的input有很大区别1.在h5中input限制字符输入长度<input type="text" name="fullname" maxlength="15" />2.在iview中限制字符输入长度<Input placeholder="请输入..." :maxlength="14" v-model="message" ></Input>总结:在这里容易受到主关影响,在.原创 2022-05-06 15:56:12 · 1618 阅读 · 0 评论 -
Vue判断List列表是否为空的方法
data() { return { list: []; }}方法一if(this.list == undefined || this.list.length <= 0){ return}方法二if (JSON.stringify(this.list) === '[]' || Object.keys(this.list).length === 0){ return}原创 2022-05-06 15:49:22 · 1272 阅读 · 0 评论 -
Vue [__ob__: Observer]取不到值问题的解决
产生原因如果从后端返回过来的数组数据,进行遍历的时候不在success回调函数内,则会产生如下的数据格式,虽然其也是数组格式,但是内部的值取不出来,给后台也传不过去。[__ob__: Observer]0: "http://localhost:5757/userImages/o-WF75fylWJY6vm_xRNYeNIpicOg/2020032123451074033.jpg"1: "http://localhost:5757/userImages/o-WF75fylWJY6vm_xRNYe原创 2021-12-15 15:47:44 · 5538 阅读 · 0 评论 -
Parsing error: missing-semicolon-after-character-reference.
用空格时,一直会报这个错Parsing error: missing-semicolon-after-character-reference.必须在后加分号;原创 2021-12-14 17:48:03 · 6790 阅读 · 1 评论 -
npm install 遇到问题:ERR! request to https://registry.npmjs.org/express failed, reason: getaddrinfo
报错如下:原因:公司使用了代理服务器,node.js没有走环境代理解决方法:1、设置代理:npm config set proxy http://server:portnpm config set https-proxy http://server:port2、如果需要认证的话可以这样设置:npm config set proxy http://username:password@server:portnpm confit set https-proxy http://.原创 2021-09-30 15:45:29 · 7110 阅读 · 1 评论 -
vue中axios的封装
axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。它有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。官方文档:https://www.npmjs.com/package/axios安装npm install axios; // 安装axios引入一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js.原创 2020-08-31 16:17:41 · 345 阅读 · 0 评论 -
前后端分离的优缺点
web前后端分离三个最大的优点前端JS可以做很大部分的数据处理工作,对服务器的压力减小到最小 后台错误不会直接反映到前台,错误接秒较为友好 由于后台是很难去探知前台页面的分布情况,而这又是JS的强项,且JS是无法独立和服务器进行通讯的。因此单单用后台去控制整体页面或只靠JS完成效果,都会难度加大。前后端各尽其职可以最大程度的减少开发难度。什么是前后端分离SPA(Single-page application)式的前后端分离,是从物理层做区分(认为只要是客户端的就是前端,服务器端的就是后端),这原创 2020-08-28 18:04:36 · 1800 阅读 · 0 评论 -
Element UI中scope用法
一个固定用法:<template slot-scope="scope">scope相当于是tableData的一行,与el-table-column唯一对应,具体实验代码如下<el-table-column label="操作" width="100"> <template slot-scope="scope"> <el-button @click="update(scope)" type="text" size="small">编原创 2020-08-27 12:11:26 · 12409 阅读 · 0 评论 -
Failed to configure a DataSource: url attribute is not specified and no embedd
Failed to configure a DataSource:'url' attribute is not specified and no embeddeddatasource无法配置DataSource:未指定’url’属性,也无法配置嵌入数据源可能是.properties文件中datasource的配置出现错误,例如:地址值,数据库驱动,用户名,密码。后面发现不是这个这个原因。经过再三检查,发现是打包误写成了pom.在springcloud项目这个打包方式是默认j..原创 2020-06-09 10:58:39 · 2128 阅读 · 0 评论 -
Spring Cloud Eureka: 服务注册与发现
Spring Cloud Eureka是Spring Cloud Netflix 子项目的核心组件之一,主要用于微服务架构中 的服务治理。 本文将对搭建Eureka注册中心,搭建Eureka客户端,搭建Eureka集群及给 Eureka注册中心添加登录认证进行介绍。项目地址:http://www.zuidaima.com/share/4963478806891520.htmEureka简介在微服务架构中往往会有一个注册中心,每个微服务都会向注册中心去注册自己的地址及端...原创 2020-06-18 11:37:21 · 149 阅读 · 0 评论 -
vue实践-分页实现
element.jsimport { Pagination } from 'element-ui'Vue.use(Pagination)分页代码 <el-card> <el-pagination style="margin-top: 20px" background @size-change="btnSearch" @current-change="handleCurrentChange"原创 2020-07-19 22:15:33 · 264 阅读 · 0 评论 -
vue实践-添加,编辑,删除按钮的实现
element.jsimport {Dialog} from "element-ui";Vue.use(Dialog)button按钮 <el-card class="box-card"> <div slot="header" class="clearfix"> <span style="position: relative; top: 7px;">商品列表</span>原创 2020-07-19 02:22:47 · 4198 阅读 · 0 评论 -
vue实践-分栏间隔
分栏间隔<el-row :gutter="20"> <el-col :span="colSize"> <div class="grid-content bg-purple"></div> </el-col> <el-col :span="colSize"> <div class="grid-content bg-purple"></div> </el-col>原创 2020-07-19 01:53:59 · 2239 阅读 · 0 评论 -
vue实践-删除按钮的实现
Button按钮 <el-table-column label="操作"> <template slot-scope="scope"> <el-button size="mini" type="danger"原创 2020-07-19 01:46:08 · 4450 阅读 · 0 评论 -
VS Code 常用快捷键
1 注释: 单行注释:ctrl+/, 注释后再按取消 取消单行注释:alt+shift+A 注释后再按取消 2 移动行 向上移动一行:alt+up 向下移动一行:alt+down 3 显示/隐藏左侧目录栏 ctrl + b 4 复制当前行 向上复制一行:shift+alt+up 向下复制一行:shift+alt+down 5 删除当前行 shift + ctrl + k 6 控制台显示隐藏 ctrl + ~ 7 查.原创 2020-07-12 21:59:15 · 877 阅读 · 0 评论 -
eslint报“Expected indentation of 4 spaces but found 6 “错误的解决
问题分析:主要是eslint规范检查引起的,这个问题意思就是将缩进4空格但发现6个空格。解决方案:在eros代码目录中,打开.eslint文件,并在rules中添加如下一行代码即可: 'space-before-function-paren': 0, 'indent': 'off'...原创 2020-07-11 13:30:45 · 8869 阅读 · 1 评论 -
eslint报“Missing space before function parentheses“错误的解决
问题分析:报这个错误的原因是函数名称或function关键字与开始参数之间缺少空格,可以通过修改eslint的配置文件来更改语法检测规则在--fix命令行上的选项可以自动修复一些被这条规则反映的问题。格式化函数时,函数名称或function关键字与开始参数之间允许有空格。命名函数还需要function关键字和函数名称之间的空格,但匿名函数不需要空格。解决方案:在eros代码目录中,打开.eslint文件,并在rules中添加如下一行代码即可: "space-before-...原创 2020-07-10 23:53:00 · 20105 阅读 · 1 评论 -
eslint报“Too many blank lines at the end of file. Max of 0 allowed. (no-multiple-empty-lines)“错误的解决
vue启动的时候报错Too many blank lines at the end of file. Max of 0 allowed. (no-multiple-empty-lines)问题分析:解决方案1.文件末尾的空行太多。最大值为0不允许有多个空行。 删除多余的空行。2.安装 ESLint我用的开发工具vscode,直接安装插件ESLint如果是其他的工具就使用npm install -g eslint...原创 2020-07-10 23:00:37 · 11476 阅读 · 0 评论 -
eslint报“Extra semicolon“错误的解决
问题:D:\HBuilderProjects\Vue学习\vue-cli-study\05-demo\src\plugins\element.js 2:46 error Extra semicolon semi 9:1 error Too many blank lines at the end of file. Max of 0 allowed no-multiple-empty-lines...原创 2020-07-10 22:43:20 · 4098 阅读 · 0 评论