Vue
闫小样丶
这个作者很懒,什么都没留下…
展开
-
小程序 | mpvue项目初始化后npm run dev报错
今天在使用脚手架初始化mpvue项目的时候,当使用npm install下载包的时候报错了。如图所示:有一个报错信息提示:npm警告已弃用core-js@2.6.11:不再维护core js@<3,由于问题的数量,不建议使用。请将依赖项升级到的实际版本核心js@3。1.那我尝试升级这个包试试看,输入指令:npm install --save -g core-js@^32.重新使用npm install下载包,如果感觉速度比较慢,用淘宝镜像源npm install -g c原创 2020-08-01 11:34:36 · 490 阅读 · 0 评论 -
Vue 的移动端Vant组件库中本地图片引入循环遍历不显示的解决办法?
最近在使用vant做项目使用van-image的过程中,发现如下几个问题:使用van-image引入图片资源,图片不显示; 使用img标签引入图片资源可以显示,但是若是for循环遍历出来的图片资源,同样不显示。首先说一下项目的场景:1. 项目的原型图是这样的使用如下代码即可实现:<van-grid :column-num="3"> <van-grid-item v-for="(item, index) in qyxcList"原创 2020-06-18 11:12:50 · 5221 阅读 · 2 评论 -
vue中如何使用Swiper实现两个轮播图相互控制?
今天遇到一个问题,如何在vue项目中,实现两个轮播图相互控制。如图所示:今天查看了Swiper的文档,文档链接地址:https://www.swiper.com.cn/demo/index.html。依照此方法,自己动手实现了这个功能。想再次记录一下,代码如下:HTML代码:<!-- Swiper --><div class="bannerBox">...原创 2019-12-10 15:22:28 · 5327 阅读 · 10 评论 -
Vue如何实现filter全局过滤器的使用?
最近在做项目的过程中,发现vue的filter过滤器很有用。例如:我们在做时间显示时,如果后台返回给我们的是时间戳,那么我们就需要对时间做一下处理,这个时候使用过滤器是最为行之有效的方法。首先,有几个问题值得我们思考:(1) 在Vue中,我们该如何使用filter来对时间进行时间格式的处理呢?(2) 我们写的过滤器是否可以写成全局的呢,以更高效的便于使用?(3) 如何封装一个方法,...原创 2019-11-28 19:57:13 · 477 阅读 · 0 评论 -
Vue项目中使用Swiper不能自动轮播且左右按钮点击不生效的问题?
最近在做vue的项目过程中,使用了Swiper插件来实现轮播图轮播的效果,但是发现轮播图并不能自动轮播,并且左右按钮并不生效,不能进行轮播图的切换。代码如下:methods: { // 国际馆轮播图 guojiHallLunbo() { var swiper = new Swiper('.mm-guoji-producetype .swiper-contain...原创 2019-11-21 16:05:15 · 4815 阅读 · 0 评论 -
vue项目初始化时候,输入命令:npm run dev 报错的解决方法?
当初始化vue项目的时候,报错提示:经过查看相关回答:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好。命令行中输入指令:npm uninstall webpack-dev-servernpm install webpack-dev-server@2.9.1npm run dev问题解决啦!!!...原创 2019-11-12 15:35:22 · 567 阅读 · 0 评论 -
vue改变子组件从父组件传值时,报错:【 Avoid mutating a prop directly since the value will be overwritten whenever】
今天在写组件中从父组件中通过props传值之后,在methods中对子组件的值进行重新赋值时候报出错误。代码所示:Vue.component("opportunity-list-component",{ props: {//这里是组件可以接受的参数,也就是相当于面向原型写组件时的配置参数,用户可以传递不同参数,自己定义组件 activeTypeIndex: { ...原创 2019-10-27 11:38:16 · 789 阅读 · 0 评论 -
Vue Router(一)问题之嵌套命名视图的实现
链接地址:https://router.vuejs.org/zh/guide/#html官方代码地址:https://jsfiddle.net/posva/22wgksa3/今天在做路由跳转的过程中,遇到一个问题。因为我的目录是这样的,所以我想的路由需要写一个父路由,然后使用children在写子路由。结构如下:路由配置如下:const routes = [ { ...原创 2019-10-25 13:17:43 · 905 阅读 · 0 评论 -
vue实现通过prop向组件中传值遇到的问题?
今天在做项目的过程中,遇到了一个问题。就是给组件传值的过程中,报错了。代码如下://封装的组件Vue.component("nav-menu-component",{ props: {//这里是组件可以接受的参数,也就是相当于面向原型写组件时的配置参数,用户可以传递不同参数,自己定义组件 activeTabIndex: { //默认选中tab type: Str...原创 2019-10-23 14:28:55 · 1475 阅读 · 1 评论 -
vue中如何引入vue-cookie?
在最近使用vue做项目的过程中,发现vue有自己的一个引入的cookie文件,极大的方便了我们进行cookie数据的存储。在此大概总结一下:一、引入vue-cookies.jsnpm链接:https://www.npmjs.com/package/vue-cookies二、API文档1. 设置默认值,$cookies.config()$cookies. config(e...原创 2019-10-21 11:11:26 · 1582 阅读 · 0 评论 -
vue.js如何使用vue-router实现页面的跳转?
最近在做vue的项目,因为项目自身的一些原因,不能使用脚手架去搭建项目,所以只能使用vue.js来引入的方式实现。那么,这就涉及到一个问题。用vue.js引入的方式如何用路由实现页面的跳转呢?在网上找了很多的资料,基本上很多都是使用脚手架去配置路由的。最后查看了 Vue Router官方文档,终于找到了实现路由跳转的方式。在此记录一下学习过程,以便自己加深印象。HTML:<...原创 2019-10-17 09:53:29 · 1723 阅读 · 1 评论 -
Vue做项目常见问题?
场景一:报错:[Vue warn]: Invalid default value for prop "wmList": Props with type Object/Array must use a factory function to return the default value.查看代码: wlList:{ //物流工具 type:Array, ...原创 2019-10-12 16:59:42 · 341 阅读 · 0 评论 -
vue中如何安装element-ui?
一、在项目所在目录下,通过npm的方式安装输入命令:npm install element-ui -S二、查看配置文件package.json,是否有element-ui组件的版本号,如图所示:三、安装成功后,在node_modules中可以看到element-ui的文件夹,所有安装的源文件都可以在这里找到,如图所示:四、在项目的入口文件main.js...原创 2019-10-09 11:09:37 · 3086 阅读 · 0 评论 -
如何搭建一个Vue脚手架(vue-cli)并创建一个项目?
今天尝试着自己重新下载node和npm,并配置环境;搭建vue脚手架,实现并创建一个vue项目。所以,把整个操作流程详细的记录一下,方便后期自己参考。一、安装nodejs环境官网下载地址:https://nodejs.org/en/具体安装步骤见地址:NodeJS、NPM安装配置步骤(windows版本)安装完成后,打开cmd,输入指令:node -vnpm -v...原创 2019-10-08 16:35:27 · 2294 阅读 · 1 评论