Vue
文章平均质量分 52
gavin.liao
乐于分享
展开
-
vue export default 和 export const的使用
vue的经常会见到 export const 和export default 这两个,都可以用于从模块中导出函数、对象或原始值,以便在其他文件中可以使用,他们的区别在于1、export default 一个文件中只能有一个,名字叫默认导出2、export const一个文件中可以有好多个,名字叫命名导出一、先来看看export default的定义和使用,我在components文件夹下创建了一个自定义组件ProductList.vue,里面只有export default,代码如下<scr原创 2022-02-11 18:38:41 · 14571 阅读 · 0 评论 -
uniapp dragball(浮动球)页面第一次加载点击事件不触发问题解决
一、原因dragBall.vue组件中的touchend方法判断click事件触发条件有问题,导致click事件没有触发,经测试,这一问题只在安卓中存在,苹果手机没问题,涉及dragBall.vue组件源码如下修正前修正后即修改以下3个判断非单击事件条件的值,直到可以触发click事件为止,真机调试可以将条件值alert出来1、this.endTime - this.startTime2、Math.abs(this.move.x)3、Math.abs(this.move.y)这里我只将.原创 2022-02-11 16:34:19 · 1175 阅读 · 0 评论 -
vue自定义组件
有时我们会频繁的用到某段同样的html、js、cs代码,比如电商项目的商品列表,很多页面都需要展示,为了减少复制粘贴操作,减少冗余代码,可以封装成自定义组件提高代码复用性一、创建自定义组件在components目录下创建ProductList.vue,内容如下<template> <div> <h1>{{name}}</h1> <div v-for="item in productList"> .原创 2022-01-14 15:40:55 · 673 阅读 · 0 评论 -
vue路由传参的两种方式
我们想要从First.vue页面通过点击跳转到HelloWorld.vue页面并传递,通常使用以下两种方式先看一下路由配置export default new Router({ mode: 'history', routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path:'/first', name:'First', .原创 2022-01-14 14:36:31 · 986 阅读 · 0 评论