![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
hellotqq
全网ip“hellotqq”,欢迎关注,共同学习。
展开
-
在js代码中引用elementUI的Message 消息提示
今天在vue项目中的js代码中引用Element UI的Message 消息提示this.$message.success('复制成功')但是在调用的时候却会报错,如图:查了好多资料得到解决:是因为,在js文件里找不到this.$message这个属性。正确的写法因该是如下:先单独引入:import { Message } from "element-ui";然后使用:Message.success('复制成功')或者// Message({ // message:原创 2020-12-21 17:52:22 · 4840 阅读 · 1 评论 -
前端的一些功能实现总结(持续更新)
实现前端复制前端生成UUID前端input实现输入校验座机和手机号码原创 2020-11-19 18:02:26 · 2061 阅读 · 0 评论 -
微人事项目之消息提示组件报错this.$message is not a function
今天在做微人事项目的时候遇到这个错误,我也不清楚为什么,没有仔细的审查,百度了一下之后按照上面说的做,成功了,先记录下来吧。原因:在单独按需引入element组件时,message组件需要挂载到Vue全局对象上,而不是用Vue.use(Message),这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的,还有confirm组件。在main.js中添加1 import { Message } from "element-ui";2 Vue.use(Message)转载 2020-08-26 22:53:21 · 2877 阅读 · 0 评论 -
微人事项目之前端组件化开发
1、导入与注册组件2、使用组件3、源码<template> <div> <el-tabs v-model="activeName" type="card"> <el-tab-pane label="部门管理" name="depmana"><DepMana></DepMana></el-tab-pane> <el-tab-pane lab原创 2020-08-26 10:27:17 · 150 阅读 · 0 评论 -
vue使用enter键阻止自动提交表单的解决方法
给登录添加回车事件@keydown.enter.native="submitLogin"问题:项目中使用了element-ui,在某一个input上绑定了enter的键盘事件,代码如下<el-form :inline="true"> <el-form-item> <el-input placeholder="请输入您要搜索内容的关键词" v-model="value" @keyup.native.enter="search">转载 2020-08-25 10:41:02 · 2276 阅读 · 1 评论 -
vhr项目学习笔记之图标库
在vue中使用这个图标库1、安装npm install font-awesome2、在main.js中导入import ‘font-awesome/css/font-awesome.min.css’3、在class中使用管网中提供的样式就好了<i class="fa fa-address-book-o" aria-hidden="true"></i>...原创 2020-08-24 16:06:53 · 136 阅读 · 0 评论 -
初始数据埋点
最近要做一些数据埋点的业务,在网上找了一些资料,感觉这个讲的挺好的:-------->传送门原创 2020-08-24 10:39:32 · 137 阅读 · 0 评论 -
vue组件化开发之兄弟组件之间的数据交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cn.vuejs.org/js/vue.js" type="text/javascript" charset="utf-8"></script></head><.原创 2020-08-18 16:06:56 · 218 阅读 · 0 评论 -
组件化开发之子组件向父组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cn.vuejs.org/js/vue.js" type="text/javascript" charset="utf-8"></script></head><.原创 2020-08-18 15:49:20 · 96 阅读 · 0 评论 -
vue自定义指令
<div id="app"> <input type="text" v-focus> <input type="text" v-focus></div></body><script type="text/javascript"> /** * 自定义指令 */ Vue.directive('focus',{ inserted:function (el) { .原创 2020-08-13 20:40:27 · 78 阅读 · 0 评论 -
js中对小数的取整
1.丢弃小数部分,保留整数部分js:parseInt(7/2) 2.向上取整,有小数就整数部分加1js: Math.ceil(7/2) 3,四舍五入.js: Math.round(7/2) 4,向下取整js: Math.floor(7/2)转载 2020-08-05 17:13:05 · 860 阅读 · 0 评论 -
关于 Cannot read property ‘length‘ of null 报错的解决办法
最近在搞前端的时候突然报了Cannot read property ‘length’ of null的错,一开始都是在前端调试错,发现解决不了问题,后来发现如果你所查找的数据条数为0的时候,后端返回给前端是null,此时必然报错Cannot read property ‘length’ of null.解决办法:如果后端的返回值为null,就需要我们在后端返回一个空的list数组本人错误的后台代码:如果返回data有数据,那么返回Data=data,如果没有数据,我们没有给前端返回一个data,所以转载 2020-08-05 11:16:51 · 1867 阅读 · 0 评论 -
vue 点击选中改变样式
data里isActive:-1,method里checkedItem(index){ this.isActive=index;},页面里<div v-for="(item,index) in nameoptions" v-bind:class="{active:index==isActive}" @click="checkItem(index)>转载https://www.cnblogs.com/thinkingthigh/p/7603867.html...转载 2020-08-03 15:13:24 · 2200 阅读 · 0 评论 -
中间文字,两边横线怎么写(笔记)
<div class="header"> <div>中间文字,两边横线</div></div><style> .header { width:400px; height:36px; line-height: 36px; text-align:center; border:1px solid green; position:r原创 2020-07-31 15:47:55 · 290 阅读 · 0 评论 -
vue之根据不同的值绑定不同的class样式类名
需求描述有时候,我们需要根据不同的数据,来展示不同的效果。方法一: 使用绑定函数返回值实现定义好需要的样式:online { color: #07c160; font-weight: bold;}.offline { color: #ff976a; font-weight: bold;}<div v-for="(item, index) in list" :key="index" class="item-wrap" > <转载 2020-07-31 11:25:10 · 2166 阅读 · 0 评论 -
element-ui 下拉el-dropdown-item添加点击事件@click无效
这时候在@click后面加个.native就可以了。感谢https://blog.csdn.net/qq_33769914/article/details/82911052原创 2020-07-29 10:44:55 · 946 阅读 · 0 评论 -
vue侦听器
watch:{ uname : function (val) { this.checkName(val) this.tip = '正在验证……' },监听uname的值,val就是uname的最新值原创 2020-07-29 10:41:39 · 92 阅读 · 1 评论 -
vue基本axios使用(笔记)
接口调用axios的用法首先引入 axios.get('http://localhost:3000/adata').then(function(ret){ // 注意data属性是固定的用法,用于获取后台的实际数据 // console.log(ret.data) console.log(ret) })get传递参数通过url传递参数通过params选项传递参数如下代码: axios.get('http://localhost:3000/a原创 2020-07-25 14:59:24 · 146 阅读 · 0 评论 -
ES6语法简单学习
1、let和var关键字用法基本一致,但是没有变量提升,不会提升到作用域顶端原创 2020-07-16 10:54:51 · 111 阅读 · 0 评论 -
vue 使用 this.$router.push() 传参
1 使用name 和 paramsthis.$router.push({name: 'Journalh', params: {id: obj.id}}) // 获取参数 this.$route.params.id2 使用path 和 query传参this.$router.push({path: 'Journalh', query: {id: obj.id}})// 获取参数 this.$route.query.id致谢https://blog.csdn.net/qq_3789657转载 2020-07-14 14:35:04 · 312 阅读 · 0 评论 -
Vue的安装与第一个简单项目的搭建
今天安装了vue这个前端框架,由于之前装过node.js就说一下除了安装node.js外其他的事情。Node.js的安装因为我之前已经安装过了,这里就不再阐述了,由于我和我的同学一块安装的vue,这里推荐一篇他们参考的关于Node.js的博客,内容写的挺不错的Node.js的下载与安装首先查看是否有Node.jswin+R cmd 回车也就是在命令行中输入node -v ,可以返回Node...原创 2020-03-22 23:12:04 · 190 阅读 · 0 评论 -
网易云音乐API调用(持续跟新中)
**最近两天在学习一下微信小程序,在学习网络请求的部分了解了一下网易云音乐api的使用,下面给大家分享一下。**调用方法:https://api.imjad.cn/cloudmusic/在以上的网址后要紧跟两个参数完成具体请求:1、type (默认值为type=song)2、id(歌曲的id)具体可以参考此链接在调取api进行歌曲搜索的时候search好像不是很好用所以就查阅资料...原创 2020-02-18 10:50:42 · 6774 阅读 · 1 评论 -
如何获取网易云音频地址
1、获取所要音乐的id值2、获取资源地址将xxx替换成音乐的id值http://music.163.com/song/media/outer/url?id=xxx.mp3http://music.163.com/song/media/outer/url?id=1383923128.mp3可以在先播放,也可以在前端中引入参考博客: https://blog.csdn.net/weny...原创 2020-02-13 21:18:28 · 3232 阅读 · 1 评论