
vue
Coisini_甜柚か
我的征途是星辰大海,我要去的地方是春暖花开。
展开
-
vue ui创建项目报错:Cannot read property ‘indexOf‘ of undefined解决方法
报错:Cannot read property ‘indexOf‘ of undefined 报错翻译:无法读取未定义的属性“indexOf”报错原因分析:vue/cli 的版本问题或版本过低解决:删除之前版本的 vue/clinpm uninstall vue-cli -g重新安装 vue/clinpm install -g @vue/cli注意:选择安装包的时候不要选择默认,选择指定包,我之前没选择,进行如上步骤后,第一次点击创建后没有反应,第二次点击创建后,仍会报一.原创 2022-02-07 10:00:36 · 15918 阅读 · 6 评论 -
Vue的50个知识点
Vue的50个知识点文章目录Vue的50个知识点1. Vue的优点?Vue的缺点?2.为什么说Vue是一个渐进式框架?1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2.为什么说Vue是一个渐进式框架?渐进式框架:通俗点讲就是,就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。...转载 2021-12-20 09:26:25 · 1230 阅读 · 0 评论 -
箭头函数和普通函数有什么区别?
箭头函数和普通函数有什么区别1:写法不一样2:普通函数存在变量提升的现象3:箭头函数不能作为构造函数使用4:两者this的指向不同5:箭头函数的arguments指向它的父级函数所在作用域的arguments6:箭头函数没有new.target1:写法不一样2:普通函数存在变量提升的现象3.箭头函数不能作为构造函数使用2.删除指定下标的元素,空出该位置后面元素不补齐index为几就删除对应位置的数据delete array[index];3.删除指定的数组的元素//给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引 Array.prototype.indexOf = function (val) { for原创 2021-11-10 15:32:25 · 784 阅读 · 0 评论 -
日期之间的计算
日期之间的计算原创 2021-11-10 14:59:44 · 1024 阅读 · 0 评论 -
2021-10-25 Vue异步操作
异步我对异步的理解:异步调用是用来处理同时操作一部分已经运行完成出来结果,但是另一部分仍未运行完成,以至于最后数据无法完全显示的问题。异步的发现之前很少使用异步,可能也是因为我学识不太够,所以敲代码敲到的比较少,这次使用异步是因为我遇到的问题:初始化时直接调用所有方法,但是最后一个方法是根据前面几个方法的运行结果得出的,前几个方法都需要调用接口,最后一个方法是调用的前几个方法中的一些零散数据,这就导致了,必须完成前几个方法后,调用最后一个方法时才可以得出想要的数据,否则最后一个方法的数据为空。经查原创 2021-10-25 10:55:46 · 3324 阅读 · 0 评论 -
Form表单验证
Form表单验证出现问题:问题描述:1.输入框内有数据,但是仍旧会显示验证为空的提示!后面发现是数据类型不匹配的问题,我一直以为是验证显示有问题,在接受后台数据之前就显示验证为空,但是接收数据之后应该不为空,所以当时以为是顺序的错误。后来发现是数据类型的错误,后台传来的数据有的是String类型,有的是Int类型,String类型的数据可以正常验证,但是Int类型的数据不可以正常验证,有数据但是显示验证为空。如下: {required: true, message: '连接超时时间不能为空', t原创 2021-10-13 11:57:20 · 788 阅读 · 0 评论 -
两种连接后端的方法
get访问this.$http.get('http://192.168.xxx.xxx:8080/路径').then(res => {console.log('连接成功!')console.log(res)}).catch(error => {console.log('连接失败!')console.log(error)})axios连接 $.ajax({ // this.$http.ajax({ type: 'get',.原创 2021-10-12 09:27:45 · 595 阅读 · 0 评论 -
“npm ERR! code ELIFECYCLE npm ERR! errno 1”问题
删掉项目中的node_modules文件夹和package-lock.json文件然后,执行 npm install 指令重新安装下载依赖库。最后启动项目即可。最快,最直接的!解决办法。原创 2021-09-23 11:49:18 · 2003 阅读 · 0 评论 -
this.$http.post传参
this.$http.post( 'http://111.111.111.111:8080/delNullFile', { params: { documentUrl: this.formValidate2.document_url } } ).then(res => { this.$Message.info('点击了取消...原创 2021-09-23 11:12:45 · 7571 阅读 · 3 评论 -
“Rule can only have one resource source”错误
INFO Starting development server... ERROR Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "exclude": [ null ], "use": [ { "loader": "E:\\DXSX\\front\\num6-知识库\\knowledge-base\\nod..原创 2021-09-23 10:33:17 · 1952 阅读 · 0 评论 -
ElementUI,和IView在Vue中的安装引入和配置
ElementUI终端打开的项目目录下npm i element-ui -S在src/main.js文件中添加import ElementUI from 'element-ui' import '../node_modules/element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 之后直接引用官网组件即可IView终端打开的项目目录下npm install iview --save在src/main.js文件中添加原创 2021-09-02 11:45:12 · 338 阅读 · 0 评论 -
render属性
render属性render函数是什么 vue是虚拟DOM,使用render函数我们可以用js语言来构建DOM,在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。 vue提供一个构建虚拟DOM的工具,命名为createElement,vue提供createElement去使用render函数描述虚拟DOM。render函数怎么个用render:(h) => { return h('div',{ //给div绑定va原创 2021-09-01 15:46:09 · 627 阅读 · 0 评论 -
Vue-在data中引入静态图片路径
Vue-在data中引入静态图片路径原创 2021-09-01 11:23:49 · 7906 阅读 · 0 评论 -
初见Vue(1)
致vue:生活中总是会有些小摩擦,日常拌嘴也成了我们互相逗趣的方式,给我们的生活添加了一抹调味。8.23-8.29问题1.多级面包屑动态导航推荐博客:https://blog.youkuaiyun.com/weixin_34202952/article/details/91445844博主写的很棒!2.UserList页面method中push用的下面的方法query方式传参和接收参数传参:`this.`$router.push({` `path:'/xxx'` `que原创 2021-08-31 10:59:50 · 384 阅读 · 0 评论 -
网站安全配置---挂载路由导航
视频地址:https://www.bilibili.com/video/BV1Pq4y1u7wN/?spm_id_from=autoNext实现: 挂载路由导航-创建安全网站登录 代码:// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to将要访问 // from从哪访问 // next接着重定向 i原创 2021-08-27 10:02:29 · 169 阅读 · 0 评论 -
Vue的router导航重复-报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren
报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/userlist?row=%5Bobject%20Object%5D". createRouterError vue-router.esm.js:2065 createNavigationDuplicatedError vue-router.esm.js:2035 confirmTran原创 2021-08-27 09:03:36 · 788 阅读 · 1 评论 -
VUE-用到的样式左右(transform,translate,padding)
VUE-用到的样式左右1.transform:translatetransform:translate(0,100%) 表示从元素的当前位置延y轴方向,向下移动整个元素高度的距离transform:translate(-20px,0) 表示从元素的当前位置延x轴方向,向左移动20px //表示距离页面左侧450px,距离页面右侧120px transform: translate(450px, 120px);2.padding/* 表示: 上内边距是 10px 右内边距是 5p原创 2021-08-24 14:15:46 · 2589 阅读 · 1 评论 -
VUE---不连接后端的登录验证规则方法
首先,我们的验证规则为:password也同理,然后最重要的就是验证规则的方法编写代码附上: submitForm () { // this.$message.success('操作成功!') // 验证校验规则 this.$refs.loginFormRef.validate((valid) => { // valid的值为true或者false console.log(valid) if (valid原创 2021-08-24 11:48:58 · 2319 阅读 · 2 评论 -
Vue中,在<template>内进行页面链接跳转
1、vuejs 是单页面应用,应用内的跳转,可以用router-link标签我的:<router-link :to="'/'" >没有帐户?点击现在注册。</router-link>或者<router-link tag='span' to="#" @click.native="handleEditPassword"><span class="a-inner"><i class="el-icon-edit"></i> 修改密码原创 2021-08-24 10:05:41 · 1153 阅读 · 0 评论 -
Vue菜单栏边框参差不齐,修整完美
如图:菜单栏的边框选中或者打开后会参差不齐,这是因为它的border属性,只要在菜单的class属性里改一下就可以了。修改方法:加上这句话之后surprise!非常的美观。原创 2021-08-23 15:26:39 · 664 阅读 · 0 评论 -
终端输入vue ui没反应---使用vue ui出现的四个问题
问题:原因:vue -h查看帮助信息,没有vue ui这一命令行。解决:npm i -g @vue/cli或者cnpm i -g @vue/cli我用的npm下载会有错误,C:\WINDOWS\system32>npm i -g @vue/clinpm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintainednpm原创 2021-08-17 09:47:23 · 2653 阅读 · 0 评论