vue开发

Vue开发组件发布NPM踩坑之路

Vue开发组件发布NPM踩坑之路1.初始化项目Vuecreatevue-progrect2.调整项目目录1、src目录调整为examples，用于展示组件实例2、packages新增packages文件夹
yingwei-fe·2020-08-01 05:39

vue开发中购物车逻辑总结

添加购物车后同步修改购物车徽标的显示数量因为涉及到组件之间的传值，我将需要传递的数据，放在Vuex中，可以方便供整个Vue实例使用/修改。importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store（{}）使用change事件监听购买数量input框的修改，使用$emit触发父组件方法，将input修改数据传递父组件data中selectedN
·2020-08-01 05:34

关于vue开发中的一些记录(长期不定时持续更新)

点击跳转数据测试routerPush(name){this.$router.push({name:name})},this.$router.push({name:'articleDetail,query:{articleId:articleId}});routes:[{path:'/articleDetail/:articleId',name:'articleDetail'}]watch监听wat
Vincent丶s·2020-08-01 05:04

Mpvue中使用Vant Weapp组件库

一、介绍mpvue-vant记录了我们团队开发中在mpvue中使用VantWeapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。
weixin_34367845·2020-08-01 04:50

使用vue开发微信公众号下SPA站点的填坑之旅

原文见我的博客，点击进入使用vue开发微信公众号下SPA站点的填坑之旅本文为我创业过程中，开发项目的填坑之旅。作为一个技术宅男，我的项目是做一个微信公众号，前后端全部自己搞定，不浪费国家一分钱^_^。
weixin_34362875·2020-08-01 04:17

用vue开发微信公众号H5移动端页面

第一步：搭建项目结构其中涉及到路由的配置：我是这样的routes:[{path:'/',name:'base-home',redirect:'/main',component:'',children:[{path:'/main',name:'home',component:'',meta:{keepInner:false,//相对于router-view里边跳转缓存keepAlive:true}}
weixin_34321753·2020-08-01 04:30

uni-App引入iconfont

uni-app是什么uni-app是一个借鉴Vue.js、小程序、mpVue开发跨平台应用的前端框架。通过编写一套代码，将其编译到iOS、Android、微信小程序等多个平台。
weixin_34150224·2020-08-01 04:46

vue单页面项目中微信SDK的配置签名问题

之前做公众号开发的时候，需求编辑每个页面的分享功能，项目是vue开发的，vue-router用的是hash模式，网上看了很多相关的文章、博客，大致的观点就是每个路由都要进行微信授权，也就是wx.config
weixin_33937778·2020-08-01 04:13

VUE开发微信H5页面总结

写在前面刚入门前端的时候写过很多的微信H5页面，时隔多年感觉应该是手到擒来，不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的，做个记录。防止自己以后再去解决解决过的问题。github：github.com/qq9694526/v…一、微信网页授权网页授权流程分为四步，这里只说前端需要做的，其中的第一步：跳转授权页面获取code。这里分享下我的授权逻辑（下图），它有两个优点
weixin_33796205·2020-08-01 04:54

Vue开发微信H5 微信分享签名失败问题解决方案

关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分享时，在微信开发者工具上一切正常
weixin_30570101·2020-08-01 03:12

mpvue使用vant Weapp运行npm run build命令打包后失效

最近在使用mpvue开发微信小程序，在开发过程中使用有赞的小程序ui框架——vantWeapp，至于如何使用在我个人博客中有一篇关于如何使用vantWeapp，需要的同学请点进这里自行查看。
weixin_30387423·2020-08-01 03:25

记一次mpvue开发完整小程序相关笔记

通过一个月的小程序开发，记录下一点点小心得······先给各位大佬请安了~~~~~~image1、wx.previewImage预览图片关闭后会再次触发onShow方法：在全局变量里定义一个全局变量开关来控制，调用预览图片的时候将其取反不再触发onShow的事件data(){return{isShow:true}},onShow(){if(this.isShow){...处理事件}else{thi
前端公虾米·2020-08-01 02:48

VUE模式改成history后刷新报错问题

1.在我们进行VUE开发的时候，如果采用默认的路由模式，就是类似于http://xxx.com/#/demo因为多了一个#影响美观。
小白变怪兽·2020-08-01 02:54

mpvue开发微信小程序之时间+日期选择器

本文优先于个人博客网站首发。如有更新不完整或不及时请打开如下网址访问。求你了，点它！！！https://www.iiter.cn/blogs/23最近在做微信小程序，技术栈为mpvue+iviewweapp组件库。因项目需求，要用到日期+时间选择器，iview组件库目前还未提供时间日期选择器的组件，小程序官方组件日期时间也是分开的，在简书上看到一位老哥用小程序官方的多列选择器在小程序上实现了日期+
WebCandy·2020-08-01 01:33

vue开发中调用微信jssdk的问题

起因微信分享网址时无法分享图片，这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的，但后来微信禁止了。所以只能使用jssdk去解决。普通网页开发很简单，但是使用vue或其他前端框架开发spa单页面webapp的时候就会有问题了。只要url发生变化就会报签名错误。其实微信官方上已经写了说明。所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变
shooke·2020-08-01 00:16

vue开发spa应用时 微信支付问题(尤其是ios)

Tips:换ios的试试，ios会告诉你什么错误；Android没有######################终结#######################window.location.href导致!!!待跳转路径要加上/#!/临时解决办法：两个都加上支付路径：http://example.com/#!/http://example.com/#!/order################
三少GG·2020-08-01 00:10

Vue模块化开发

在Vue中封装了很多的模块供开发使用，因此使用vue开发单页项目是一件很愉快的事情，学习过js或者Vue就可以知道很多的重复功能都可以做成组件来供重复使用。
喜欢学习的小棉袄·2020-07-31 23:14

mpvue开发微信小程序锚点滚动城市列表 引用scroll-view （代码全）

先上效果图：引用微信小程序官方的scroll-view组件https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html主要通过更改:scroll-into-view="toView"的内容很方便就写出效果记着加scroll-with-animation就有动画过渡的效果！分字母城市列表LetterCity链接
qq_42221334·2020-07-31 23:55

vue开发，js实现获取当前日期，页面渲染当前日期后5天的日期时间

运行效果如下：全部代码：//css样式：h5,.div{width:50%;line-height:60px;text-align:center;margin:0auto;border:1pxsolid#ddd;}.active{color:red;background-color:#ddd;}//html代码：你当前选中的日期是：{{seleDate}}{{item}}//js代码：newVue
qq_夏阳·2020-07-31 23:00

[Vue warn]: The data property "orderId" is already declared as a prop.Use prop default value instead

在使用Vue开发中，使用组件时报了这么一个错误：[Vuewarn]:Thedataproperty"list"isalreadydeclaredasaprop.Usepropdefaultvalueinstead
阿猫阿狗哈·2020-07-31 22:30

Vue（hash模式）开发微信公众号处理分享页面中分享链接中#后面的地址截取问题

描述使用Vue开发公众号时，分享链接的时候遇到这个问题，会把#后面的地址都截取，然后会跳到首页去。如果使用history模式下的话就不存在这个问题了，不过Vue开启这种模式，还需要后台配置支持。
五月闲云一野鹤·2020-07-31 22:34

vue 在axios中使用路由跳转并传参，报Cannot read property '$router' of undefined

在用vue开发项目时，需要经A页面的参数以及页面中axios返回的参数传递到B页面，直接上代码吧(简单写了)：data(){return{imageUrl:require("../..
七侠剑客·2020-07-31 22:19

十分钟上手-搭建vue开发环境（新手教程）

想写一些关于vue的文章已经很久了，因为这个框架已经火了很久，在公司里用的框架都比较老旧，但怎么也得跟上前端发展变化的潮流，这不，开始使用vue开发项目了，一遍开发一边踩坑中，今天要记录的是五分钟搭建vue
祈澈菇凉·2020-07-31 22:09

Vue开发公共模块封装（msg）

本文介绍基于vux简单封装msg模块。*主要利用vue.use（）方法来安装插件，安装Vue.js插件。如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法将被作为Vue的参数调用。当install方法被同一个插件多次调用，插件将只会被安装一次。*importVuefrom'vue'import{ToastPlugin,AlertPl
qq_33203555·2020-07-31 22:03

vue开发公众号-关闭浏览器返回主公众号

setTimeout(()=>{//两种方法都行不加setTimeout方法二可能失效//方法1：不需要jssdkdocument.addEventListener('WeixinJSBridgeReady',function(){WeixinJSBridge.call('closeWindow');},false);//这个可以关闭ios系统的手机WeixinJSBridge.call('clo
刘白超·2020-07-31 21:01

VUE开发微信公众号指定页面分享

最近使用VUE（hash模式）开发微信公众号页面分享时，遇到一个奇怪的问题，仅以此文记录。最初实现的分享逻辑如下：获取当前路径url，即location.href;填充到微信分享APIconsthref=location.href;updateAppMessageShareData("title","desc","imgURL",href);分享给朋友后打开，Android跳转到公众号首页（部分手
flee-lether·2020-07-31 21:18

前端Vue中常用rules校验规则

前提在vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。
执行上下文·2020-07-31 21:53

使用Vue开发网站之路2-多组件通信2（利用Vuex进行数据传递）

这里还是非父子组件间的通信其实我也不喜欢看别人的大段代码，但这是最完整的，以后肯定有用（完整代码贴在最后面，自己看）主要实现是使用vuex的公共空间存放数据，这个时候要问，那为什么不之间用一个对象啊，其他也是可以的，但是vuex可以检测你数据的变化，这个后期有用。继续，主要实现是新建一个Vuex.Store，然后在mutations里面编写你要修改数据的方法。再在在要修改数据的组件里使用store
喜欢阳光与你·2020-07-31 20:49

初探小程序之mpvue 以及 iView Weapp 的使用

如果说wepy是类vue开发，那mpvue是无限接近vue开发。mpvue：继承自vue.js，其技术规范和语法特点与vue.js保持一致。
halo1416·2020-07-31 17:26

vue开发微信公众号，使用history模式，去掉#

一、vue项目携带一个#会对开发造成一定的影响：1、微信三方登录回调地址，有#号时，接收不到code参数2、微信H5支付的回调地址，不允许有#3、App分享，处理特殊字符时，可能会对#进行编译现在网站大多有三方登录，支付等功能，存在#，项目开发就存在很大的障碍。话不多说，开始去掉#吧。二、去掉#方法在router/index.js文件中，添加history模式importVuefrom'vue'i
football98·2020-07-31 17:10

vue-router之学习笔记

一、Vue引用插件在vue开发过程中会用到很多插件，例如vue-router、vuex、vue-resource、mint
aisijue2425·2020-07-31 15:42

Vue组件通信整理

前言在我们Vue开发中，精髓就是组件，一个优秀的项目中，各种组件总是必不可少，我们暂且将组件分成三类：路由组件由vue-router生成每个页面的组件，承载着每个页面大部分的初始化内容以及业务逻辑；业务逻辑组件在一个完整的项目中
WangYangsea·2020-07-31 15:20

苹果手机，点击文本框弹起软键盘，h5网页顶部header导航被顶起

最近使用vant和vue开发项目时，发现表单元素过多，点击靠近屏幕尾部的文本框，发现顶部导航栏header被顶起。话不多说，先扫码体验下这个bug。请用苹果手机，微信扫码。
yu1431·2020-07-31 13:08

vue开发微信项目的一些小坑和大坑

js动态修改ios手机微信浏览器中的title标题失效#问题描述:#微信开发,需要手动点击tab标签的时候,让网页的title随动#解决方案:#document.title='whatiwant'#重点来了#我发现我写的这个方法没生效,经过一系列测试发现在安卓手机下和谷歌的模拟器都可以更换js动态修改ios手机title,但是微信浏览器页面首次加载完成后初始化了一次title,之后就没有监听win
Vincent丶s·2020-07-31 12:37

Vue项目history模式下微信分享总结

每回遇到微信分享都是一个坑，目前的商城项目使用Vue开发，采用history的路由模式，配置微信分享又遇到了很多问题，最后终于解决了，现将解决的过程分享一下。
weixin_34032827·2020-07-31 12:15

vue 开发微信公众号h5页面遇到的坑

而且vue开发并授权好像只能用hash路由，而且授权时返回在URL上的code码等参数会拼接在‘#’之前，而vue的query参数都是在‘#’之后的。
weixin_30242907·2020-07-31 12:20

vue开发公共模块封装（http）

本文主要分享基于vue的移动端ui框架vux简单封装Axios作为我们项目的公共http模块。代码如下：importVuefrom'vue';importAxiosfrom'axios';import{Promise}from'es6-promise';importuserfrom'../store/modules/user'importserverfrom'../config/hostConfi
qq_33203555·2020-07-31 12:07

webpack-dev-server max_old_space_size 内存溢出解决方案

vue开发过程中项目中断，并报错webpack-dev-server配置解决配置添加后npminstall一下"scripts":{"dev":"node--max_old_space_size=4096node_modules
engineer_he·2020-07-31 11:56

调用 jssdk 在ios 上一直报invalid signature 的问题解决

问题描述用vue开发微信公众号项目过程中发现，由于微信授权重定向url上面带的/#/会导致重定向失败·，所以采用history模式。
Sweet__Cat·2020-07-31 11:18

Vue开发与调试工具--调试工具篇

2019独角兽企业重金招聘Python工程师标准>>>主要讲三个东西：Vue.jsdevtools开发工具的使用使用debugger和sourcemap调试Vue组件vscode中调试Vue组件Vue.jsdevtools开发工具的使用在Chrome或Firefox浏览器的扩展插件仓库里搜vuedevtool，安装Vue.jsdevtools.打开vue项目,在控制台选择vueimage可操作组件
weixin_33834137·2020-07-31 10:00

使用Vue、React和Koa开发个人博客

其中：后端管理使用Vue开发前端页面使用React服务端渲染框架nextjs接口服务使用Koa2+mongodb+mongoose（使用nodemailer当接口发生500时向我发送邮件通知）项目地址是点我访问项目地址
weixin_34407348·2020-07-30 20:03

vue 前端登录拦截

在用vue开发过程中，经常会遇到这种需求，有些组件是需要登录之后才能够去访问，有些组件是任何用户都能够访问，我们可以通过前端路由拦截+http拦截来达成这种目的（假定以token来验证）。
kk_back·2020-07-30 20:12

vue开发之全屏事件

在项目中有需求相应浏览器全屏，写了个案例代码先看看效果吧全屏显示：html代码：js代码data(){return{fullscreen:false}}//全屏事件handleFullScreen(){letelement=document.documentElement;if(this.fullscreen){if(document.exitFullscreen){document.exitFu
影夜随风·2020-07-30 20:45

hybrid cordova+vue开发APP（一） 环境搭建

没有选择react-navite，而选择cordova+vue2.x，是因为react-navite有学习成本，并且cordova+vue2.x程序员可以直接上手，性能上可以满足需求，成本低，开发速度快。安装所需软件安装node.js，官网下载，傻瓜式安装，安装成功截图安装vue，自行百度，成功截图安装cordova安装成功截图：安装JDK5安装SDKstudio等稍微详细记录新建项目与打包新建项
李贝留斯·2020-07-30 16:27

vue开发过程中跨域最简单解决方案

前言：我们在进行一个项目开发工程中，需要从后端工程师那里获取数据库中的数据。然而前端代码和后端代码在未打包前是分离的，这就引入了一个“跨域取数据”的问题。下面，我们就简单说下，利用vue脚手架生成的项目，在开发过程中怎么解决此问题。第一步找到并打开config文件夹下的index.js,做如下配置proxyTable：proxyTable:{'/api':{target:'http://api.x
大灰狼的小绵羊哥哥·2020-07-30 16:24

vue开发后台管理系统_07_文件上传

1：后台人员搭建了minio服务器，用于将文件直接上传保存到亚马逊S3云存储2：前端开发人员需要在elementUI框架自带的upload的方法before-upload中向后台发送请求，获取到直接向亚马逊S3云存储的所有参数，然后再执行upload方法3：具体实现逻辑为：用户点击上传按钮====》在before-upload方法中，向后台请求接口，获取直接上传到云存储的一系列参数====》将后台
师夷长技以制夷·2020-07-30 15:04

Vue+Node+Mongodb开发小结

project-aTodo内容提要：Vue中非父子组件的通信原生Node路由的实现Mongoose的查询结果处理Mongodb在windows和linux下的迁移Vue中非父子组件的通信因为这是第一次使用Vue
李心doge·2020-07-30 13:31

Django+Vue开发生鲜电商平台之5.使用DRF实现商品列表页和过滤

文章目录一、普通方式实现商品列表页1.使用DjangoView实现商品列表2.serializer序列化model二、DRF实现商品列表页1.使用serializer实现基本序列化2.使用modelserializer实现商品序列化3.GenericView方式实现商品列表页和分页4.viewsets和router实现商品列表页5.各种View的分析三、DRF的使用1.DRF的Request和Re
cutercorley·2020-07-30 11:05

Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示

文章目录一、商品类别数据接口二、Vue展示商品分类三、Vue展示商品列表页数据和搜索什么是胸怀？胸怀是人生的志向和抱负，胸怀是人格的品位和质量，胸怀是人对待世界万物气量和风度的定位。胸怀，能使弱者走过别人不敢走的路，攀上别人难以达到的高峰；胸怀，可以使先天低矮的人在别人眼里变得挺拔高大；胸怀，能使一名柔弱的女子充满大丈夫的英雄气概；胸怀，也使一个弱质变得体格健壮。——马云Github和Gitee代
cutercorley·2020-07-30 11:05

Django+Vue开发生鲜电商平台之4.Restful API和Vue介绍

文章目录一、RestfulAPI介绍1.前后端分离优缺点2.RestfulAPI简介二、Vue的基本介绍1.前端重要概念2.Vue重要概念三、Vue项目结构介绍也许今天你是最好的，但未必明天还最好；今天也许你是最差的，但社会给了你很多的机会，只要你把握，只要努力，总会有机会。——马云Github和Gitee代码同步更新：https://github.com/PythonWebProject/Dja
cutercorley·2020-07-30 11:05
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他