自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 图片选中打钩样式 vue

在图片被选中时呈现出框选的效果,右下角出现打钩的样式。效果如图首先实现点击进行样式的切换,选中则样式是selected<div @click="changeList(item.id)" :class="{ selected: item.id == a }"> <!-- value="change!" --> <img :src="item.coverImg" ..

2022-02-26 13:56:31 3949 5

原创 报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "filterStatus"这个报错的意思是子组件修改了父组件传来的值。原因:父.

2021-11-30 09:50:23 2323

转载 oracle什么时候需要commit

DML语言,比如update,delete,insert等修改表中数据的需要commit;DDL语言,比如create,drop等改变表结构的,就不需要写commit(因为内部隐藏了commit);DDL 数据定义语言:create table 创建表alter table 修改表drop table 删除表truncate table 删除表中所有行create index 创建索引drop index 删除索引当执行DDL语句时,在每一条语句前后,oracle都将...

2021-10-16 16:03:52 2822

原创 路由传参中的跳转失败的问题

获取参数的两种常用方法:params和query 两种方式的区别是query传参的参数会带在url后边展示在地址栏,params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是router。两种方式一一对应,名字不能混用。 由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面及通过路由配置的name属性访问。this.$rout...

2021-10-06 12:31:49 3531

原创 利用git下载修改文件后上传

在vscode的终端输入git clone 仓库地址来获取到文件。对文件进行修改完成后:点击文件,右键选择git bash here输入git add .继续输入git commit -m "修改说明"最后输入git push -u origin master...

2021-10-06 12:02:17 189

原创 Vue-router嵌套路由时父路由重复出现的问题

在写嵌套路由时,父路由为hi,子路由为hi2,hi3,修改前在router中是这样写的:export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/hi', component: Hi, alias: '/greet', children:

2021-08-31 15:52:14 3594 1

原创 Vue axios从后台获取到二进制图片流,在前端将其转换为图片展示出来

用axios接收到的后台的图片是二进制乱码:要使其显示为图片的形式,要对二进制流进行一个转换。在页面初始化完成时,就发出获取验证码的请求,将其放在mounted钩子函数中: mounted: function () { this.getImgCode() },在methods中对获取验证码的方法进行编写:methods: { getImgCode () { this.$http.get('/后端接口', { responseTyp.

2021-08-15 12:28:44 4346

转载 Vue跨域问题及解决方案

什么是跨域  跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子:#协议跨域http://a.baidu.com访问https://a.baidu.com;#端口跨域http://a.baidu.com:8080访问http://a.baidu.com:80;#域名跨域http://a.baidu.com访问http://b.baidu.com;  现在很多公司都是采用前后分离的方式开发。那么出

2021-08-05 10:32:06 5253

原创 Vue路由跳转但显示空白页面

在router文件下的index.js 中配置了‘Hi’的子路由,但是点击跳转界面却不显示子路由的内容,但是url正常改变。原因一:没有在父路由中加上<router-view></router-view>,来将对应的组件内容渲染到router-view。路由是负责将进入的浏览器请求映射到特定的组件代码中。即决定了由谁(组件)去响应客户端请求。简单说路由就是url地址和对应的资源(组件)的映射,通过一个路径的url地址,可以唯一找到一个资源。解决方法:在父路由的...

2021-08-03 12:29:33 32955 30

原创 嵌套路由[vue-router] Named Route ‘Hi‘ has a default child route

在写vue-router路由嵌套时,出现了这样的警告。检查router文件下的index.js发现是父路由Hi有name属性。当某个路由有子集路由的时候,这时候父级路由需要一个默认的路由,所以父级路由不能定义name属性。import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '../components/HelloWorld'import Hi from '../components/H...

2021-08-03 12:01:27 164

原创 $ is not defined 报错的解决

$ is not defined报错有多种原因。原因一:没有引入jquery,添加引用路径<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>原因二:顺序错误。JavaScript代码必须在jQuery.js文件之后,就是说要把引入的js放在jquery.min.js后面。原因三:引入jquery的路径错误,检查路径。我遇到的是在vue里写的用jquery去取值。

2021-07-31 18:05:19 474

原创 驼峰命名法

在写父子组件通信时发现子组件在接受变量时,需要变为驼峰命令法。驼峰命名法,顾名思义就是像驼峰一样来命名变量和函数,这种方法提高了代码的可读性。驼峰命名法分为大驼峰命名法和小驼峰命名法。大驼峰命名法:第一个单词的首字母大写。比如:SendMessage应用场景:模块、组件,js小驼峰命名法:除了第一个单词之外,其他单词首字母大写。比如:myMessage应用场景:html标签,函数名等。两者没有绝对的好坏之分,也没有绝对的应用场景,只有团队内部为方便交流而制定的统一规范。

2021-07-30 17:01:46 1491

原创 关于在创建vue项目过程中的ENOENT: no such file or directory, open ‘C:\Users\xiong\Desktop\myvue\package.json‘报错

在命令行输入npm run dev报错no such file or directory, open 'C:\Users\xiong\Desktop\myvue\package.json'没有cd到项目中去少了一级目录,再次cd输入npm run dev

2021-07-29 15:48:33 2589 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除