标签搜索列表

vue3中使用vue-meta-info进行seo优化问题

vue3中使用vue-meta-info进行seo优化问题

在使用vue进行开发的时候总会遇见seo的问题,但是vue-meta-info是基于2.0开发的,那在3.0中会出现什么样的问题,记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用

2021-11-26 17:46:27
731 0 0 0
追梦猪追梦猪
vue
vue3.0版本render函数渲染动画标签 Transition

vue3.0版本render函数渲染动画标签 Transition

vue2.0迁移vue3.0的时候用到了render函数方式去渲染标签,但是当使用内置动画标签去渲染的时候,发现一直渲染不成功,后来发现问题特此记录。

2021-11-24 10:48:43
414 0 0 0
追梦猪追梦猪
vue
基于vue3.x插件开发与插件封装实现二

基于vue3.x插件开发与插件封装实现二

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革,一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发,与封装挂载,记录分享给大家

2021-05-30 10:10:31
637 0 0 0
追梦猪追梦猪
vue
基于vue3.x插件开发与插件封装实现一

基于vue3.x插件开发与插件封装实现一

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革,一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发,与封装挂载,记录分享给大家

2021-05-30 10:00:07
723 0 0 0
追梦猪追梦猪
vue
vue中实现文字超出横向滚动

vue中实现文字超出横向滚动

在手机上展示我们的标题的时候,我们当前的场景不允许出现两行,但是空间只有那么大,还要让用户看到完整的信息,所以采用超出滚动的方式来解决当前的问题。

2021-04-05 20:31:57
727 0 0 0
追梦猪追梦猪
vue
基于vue组件库npm包的创建与发布

基于vue组件库npm包的创建与发布

npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,可以通过npm发布远程包供相关人员使用,可以维护,升级,修改,开源

2020-11-16 15:44:15
1164 0 0 0
追梦猪追梦猪
vue
vue之百度分享

vue之百度分享

百度分享分为自由选择版跟专业开发版,两者的区别在于一个是直接粘贴使用,靠程序去自己抓取内容,缺点有时候不是自己想要的,那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求

2018-09-12 14:02:20
2514 0 0 0
追梦猪追梦猪
vue
vue中使用mock.js进行数据模拟

vue中使用mock.js进行数据模拟

mock.js没有用过的觉得很鸡肋,不就是填充数据吗,我开发的时候页面有数据啊,等等,我们要应用的场景就是我们调好接口,在没有网的情况下发现页面空荡荡的,而这个时候老板过来说看一下你的项目,怎么难道直接给老板看空白页面吗,当然是no,这时候mock.js这个数据生成器就派上了用场,用来展示数据,这样老板看到带数据的页面就感觉你这工作很ok!

2020-01-20 17:07:44
1736 0 0 0
追梦猪追梦猪
vue
Vue.js16款优秀的UI组件库推荐

Vue.js16款优秀的UI组件库推荐

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。

2019-12-12 13:38:24
3430 0 0 0
追梦猪追梦猪
vue
vue弹出框组件封装实例代码

vue弹出框组件封装实例代码

在vue学习中,我们会用到大量弹窗来实现业务的交互,比如,弹窗提醒删除,添加,通知,修改,等等相关长用的类型,在今天我们写一个弹窗组件开发,如果想学习vueui组件的开发,请关注我们的ui组件库ZMZUI,搜索zmzui即可,也可关注我们的网站点击上方git地址进行源码下载!

2019-12-05 19:54:44
2516 0 0 0
追梦猪追梦猪
vue
vue.js中实现HTML标签转义及反转义及富文本编辑器显示

vue.js中实现HTML标签转义及反转义及富文本编辑器显示

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难,转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示,由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText

2019-12-05 19:48:18
5152 0 0 0
追梦猪追梦猪
vue
vue中的mixins混合正确使用方法

vue中的mixins混合正确使用方法

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

2019-12-05 19:39:14
2107 0 0 0
追梦猪追梦猪
vue
vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

最近在做移动端vue项目的时候遇到了一个这样的一个问题,当我点击input框输调起手机软件盘输入内容以后,关闭软键盘,页面没有回到底部,导致底部出现了空白,手动往下滑动一下,页面才会恢复正常,当关闭软键盘的时候,页面不会自动回到底部。目前Android和Ios上都有这个问题

2019-12-05 13:39:32
2718 0 0 0
追梦猪追梦猪
vue
vue监听手机物理返回键手机安卓h5返回

vue监听手机物理返回键手机安卓h5返回

追梦猪在使用此来实现手机h5微信支付的时候为了用户更好的体验让用户点击完成触发返回可以不在回到上一层而是我们指定的页面所以监听了返回键但是跟原先的写法返回有了一个冲突,原先go(-3)返回变成go(-4)才能返回到指定的页面,所以在用户体验的道路上任重道远啊!

2019-12-05 09:36:24
2641 0 0 0
追梦猪追梦猪
vue
vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

在vue中引入vue-echarts组件的时候报错了Error in mounted hook: "Error: Component series.line not exists. Load it first ,找到vue-echarts下的components>echarts.vue

2019-12-04 16:31:29
4483 0 0 0
追梦猪追梦猪
vue
vue-echarts npm run build  编译生产版本报错 UglifyJs

vue-echarts npm run build 编译生产版本报错 UglifyJs

原因: 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。解决: webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader , 覆盖了上一句 include 的设置

2019-12-04 15:32:00
2800 0 0 0
追梦猪追梦猪
vue
vue打包字体文件路径错误的问题

vue打包字体文件路径错误的问题

​在我的项目中遇到的情形是:打包后,css里加载的font文件路径变成了:/static/css/static/fonts/iconfont.eot,原先的打包没有这样的问题,而期望的应该是/static/fonts/iconfont.eot。

2019-12-04 11:17:12
2064 0 0 0
追梦猪追梦猪
vue
vue - 如何打造属于自己的CLI脚手架工具?

vue - 如何打造属于自己的CLI脚手架工具?

为什么需要CLI?减少重复性工作。根据动态命令更方便的生成开发环境。团队协同,效率高。我们要达到的设计?

2019-10-12 16:53:55
2342 0 0 0
追梦猪追梦猪
vue
vue在ios返回上一路由白屏

vue在ios返回上一路由白屏

有时候当你加载第二页或者下拉到更高的高度的时候会出现白屏,这跟vue框架也有关系,第一次用点击路由切换我们就会遇到第一页滑到800高度,路由跳转会在同样的高度,而不是顶部0的位置只能给一个window.scrollTo(0, 1) window.scrollTo(0, 0)

2019-08-06 13:51:07
3979 0 0 0
追梦猪追梦猪
vue
vue组件里定时器销毁问题

vue组件里定时器销毁问题

vue组件里定时器销毁问题,我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。

2019-08-06 13:37:06
4906 0 0 0
追梦猪追梦猪
vue
Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化

2019-08-06 13:38:34
3101 0 0 0
追梦猪追梦猪
vue
vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题

vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题

安卓电脑上都没有问题苹果7却出现了进去以后获取不到的问题,经过查找发现getCurrentPosition的问题,我们去试这打印这个函数发现苹果7下的getCurrentPosition无法获取

2019-05-27 17:54:30
4274 0 0 0
追梦猪追梦猪
vue
webpack + vue之抽离style样式css方法

webpack + vue之抽离style样式css方法

大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less,否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式,zmz在测试了很多得出以下不是结论的结论,由于第一次玩没有别人指点走了不少弯路,现在总结如下,抽离普通css样式,(适合style默认lang)

2019-05-21 15:41:55
3800 0 0 0
追梦猪追梦猪
vue
vuex的搭建与初始化

vuex的搭建与初始化

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2019-05-16 15:08:58
2193 0 0 0
追梦猪追梦猪
vue
vue移动端下拉刷新组件、上拉加载组件

vue移动端下拉刷新组件、上拉加载组件

原生编写vue移动端下拉刷新组件、上拉加载组件,满足移动端的刷新加载,但是还是有点小瑕疵,仅供参考

2019-05-16 14:59:35
3115 0 0 0
追梦猪追梦猪
vue
vue2.0项目CSS3动画打包后动画失效解决

vue2.0项目CSS3动画打包后动画失效解决

在vue2.0项目里我们发现外部引入的组件css3动画失效,但是在浏览器当中没有问题,一打包css3动画就失效,我们在打完包以后发现浏览器对动画特效没有出现兼容的状态,因此我们想到css3动画在框架下没有生效,最后找到是脚手架package.json没有加兼容处理

2019-05-16 14:48:31
2558 0 0 0
追梦猪追梦猪
vue
Vue 弹出层时 禁止页面滑动

Vue 弹出层时 禁止页面滑动

在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条,所以我们在显示弹窗的时候隐藏掉滚动条,但是pc端可以完美的用overflow:hidden,可是移动端呢,安卓可以实现这样的效果,但是到了苹果手机上overflow:hidden行内可能不兼容造成无法隐藏滚动条,不建议在行内使用overflow:hidden,我用了类名样式去实现这样的隐藏

2019-05-16 14:39:26
2203 0 0 0
追梦猪追梦猪
vue
vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.

vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.

该报错从文本意思理解还是很清晰的,不要在mutation函数外修改vuex中存储的值。通常情况下,vuex挂载到vue上之后,vuex中的值可以在组件中修改

2019-05-15 14:27:31
3338 0 0 0
追梦猪追梦猪
vue
vue报错信息(一)之 fns.apply is not a function

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018-12-28 17:50:29
9243 0 0 0
追梦猪追梦猪
vue
vue项目优化之按需加载组件-使用webpack require.ensure与import

vue项目优化之按需加载组件-使用webpack require.ensure与import

当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。

2019-08-10 10:55:59
1999 0 0 0
追梦猪追梦猪
vue
Vue2.0+组件库总结

Vue2.0+组件库总结

追梦猪爬坑记录教程总结,供相关行业伙伴使用

2018-12-28 17:54:20
3319 0 0 0
追梦猪追梦猪
vue

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月28日
9243 0 0 0
追梦猪追梦猪
vue

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019年01月19日
8489 0 0 0
追梦猪追梦猪
php

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月12日
8279 0 0 0
追梦猪追梦猪
vue

微信小程序之事件bindtap和catchtap

我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

2018年09月11日
8005 0 0 0
追梦猪追梦猪
微信小程序

uniapp打包提示DCloud APPID非当前账号所有

在hbuilderX启动拷贝下来的项目的时候uniapp云端打包提示:“DCloud APPID非当前账号所有,请联系应用所有者设置此账号为协作者,或重新生成APPID后打包”

2019年08月06日
7715 0 0 0
追梦猪追梦猪
uniapp