vue
香荣如梦
这个作者很懒,什么都没留下…
展开
-
nuxt项目添加百度统计的代码
在nuxt项目中添加百度统计的代码个人博客已经建好,欢迎各位前来访问 http://mengyang.info/在plugin文件夹中新建一个js文件,添加如下的代码:export default ({app: {router}, store}) => { /* 每次路由变更时进行pv统计 */ router.afterEach((to, from) => { /* 告诉增加一个PV */ try { window._hmt = window._hm原创 2020-07-27 22:46:55 · 2271 阅读 · 0 评论 -
在vue中使用数字滚动插件vue-count-to
在vue中使用vue-count-to使用插件下载插件npm install vue-count-to页面中引入import countTo from "vue-count-to"components:{countTo}<countTo :startVal="startVal" :endVal="endVal" :duration="1500"></countTo>参数参数描述类型startVal开始值Numbere原创 2020-07-25 21:05:16 · 1048 阅读 · 0 评论 -
使用el-image引入相对路径的图片报错
在vue中使用elementui中的组件el-image引入相对路径图片报错的解决办法原因:assets目录下的资源文件引入错误是因为在使用webpack打包的时候路径发生了变化,并且文件名也会改变只有public文件夹下的文件是原样打包的不会改变使用的时候通过require引入即可<el-image src="require('../../../assets/img/xxx.jpg')"></el-image>或者在data中定义:data(){ return {原创 2020-07-23 21:14:22 · 6568 阅读 · 0 评论 -
从后台接口动态获取样式字段渲染html
动态渲染样式在后台管理项目中可以设置前台首页banner上的按钮的位置字体颜色等等样式,虽然知道用style动态绑定样式,但是很多写法都是错误的,弄了许久才弄好,现在把代码贴出来记录一下后台接口返回的数据中样式都写道一个字段里了先转换一下:scope.extend=JSON.parse(scope.extend)temporary.language=scope.languagetemporary.title=scope.titletemporary.imageUrl=scope.url原创 2020-07-20 20:49:24 · 881 阅读 · 0 评论 -
vue混入mixin的用法
vue中管理mixin的用法诸恶中提供了一种混合机制-mixins,可以用来高效的实现组件的复用,mixin与普通组件之间的区别:普通组件在父组件中引用后相当于开辟了一个独立的空间,根据父组件中传过来的props值来进行相应的操作mixin则是在引入组件后,将mixin组件中的各种数据方法与父组件中的相应内容合并在一起,父组件的各种方法都被扩充了mixin的作用:多个组件都可以共享数据和方法,在引入mixin组件后,mixin中的数据和方法合并到该组件中,可以直接使用,钩子函数两个都会被调用,mix原创 2020-07-11 23:59:34 · 614 阅读 · 0 评论 -
vue+elementui项目中使用el-table在el-table-column上使用v-if的时候乱序和样式错乱的问题
样式错乱的问题项目的需求是点击不同的按钮在一个表格上进行不同数据的展示,当使用v-if切换的时候,写在后面的列竟然跑到了前面显示解决方法在需要使用v-if渲染的el-table-column元素上加上一个不重复的key值即可解决问题<el-table-column v-if="status ===3" :key="Math.random()">是否在线</el-table-column><el-table-column v-if="type !=3" :key="Ma原创 2020-07-10 20:57:20 · 4859 阅读 · 1 评论 -
点击邮箱名跳转到相对应的邮箱登陆页面
用户注册后点击邮箱跳转相应的邮箱登陆页面需求:激活链接已发送至xxx@xx.xxx,请在24小时内点击激活链接,当点击邮箱的时候跳转到相应的邮箱登陆页面<p @click="goToEmailAddress">{{email}}</p>goToEmaulAddress(){ let address =goToEmail(this.email) if(address){ window.location.href=address }else{ ret原创 2020-07-10 10:08:15 · 1890 阅读 · 0 评论 -
使用moment获取当前月份最后一天的23点59分
获取当前月份最后一天//1. 先用moment把时间转化为moment时间let time=moment("Mon Jun 06 2020 00:00:00 GMT+0800 (中国标准时间)")console.log(time);//Moment {_isAMomentObject: true, _i: "Mon Jun 06 2020 00:00:00 GMT+0800 (中国标准时间)", _isUTC: false, _pf: {…}, _locale: Locale, …}//2. 使用e原创 2020-07-06 18:06:00 · 4581 阅读 · 0 评论 -
nuxt服务器端渲染使用prismjs代码高亮必须刷新下页面才起效果
解决必须刷新下代码才高亮的问题用prismjs给网站的代码加了高亮的效果,使用起来非常简单,引入一个css文件和一个js文件即可,但是通过ajax获取数据后,会发生样式没其效果的问题,必须刷新下才有效果,解决办法如下:只需要在mounted里面执行一下代码即可://下面这行代码解决prismjs不能异步加载必须刷新一下才显示的问题 process.browser &&document.querySelectorAll("pre code").forEach(block =&原创 2020-05-27 20:48:44 · 856 阅读 · 1 评论