vue初学者
逐渐秃头的女子
头很秃,money很多
展开
-
如何从一串字符串中通过数组去匹配需要返回的字符串
【代码】如何从一串字符串中通过数组去匹配需要返回的字符串。原创 2023-07-04 11:26:30 · 154 阅读 · 0 评论 -
loading状态切换条件
loading、axios原创 2023-01-04 10:40:08 · 143 阅读 · 0 评论 -
【无标题】
mapbox 地图跳转组件 ant-design-vue vue2原创 2022-12-13 11:04:22 · 62 阅读 · 0 评论 -
2021-10-06
自增字段以及排他思想自增字段首先我们要知道自增字段的目的,类型目的:有时后台返给我们的字段可能不够多,但我们又需要这个字段来做或者显示,这时需要我们手动添加排他思想就是把自己以及自己的兄弟其实就是整个数组都赋值为false,统一的值只把自己的属性赋值为true一般都是点击事件,在模板中可以进行传实参,下面接受<template> <ul class="test-container"> <li v-for="item in list" :key="it原创 2021-10-06 17:09:36 · 100 阅读 · 0 评论 -
vue3的图片懒加载自定义指令
**图片懒加载-自定义指令**核心:图片进入视口才发送网路请求(数据的url交给img.src属性)这里用到了vue3的核心包的API,然后以插件的形式注册,和vue2的自定义指令有些不同import { useIntersectionObserver } from '@vueuse/core'import defaultImg from '@/assets/images/200.png'export default { install (app) { app.directive(原创 2021-09-30 14:48:13 · 187 阅读 · 0 评论 -
轮播图组件
自己封装组件时,先把静态的页面写好,然后再去把静态的变为动态数据,一般简单的数据的改动用props,如果是复杂的改动,则需要用插槽,多个的话需要具名插槽,如果有多个插槽,有一个没给名字,则默认名字是default<template> <div class="box" style="height:500px"> <div class="xtx-slider " @mouseenter="mouseenter" @mouseleave="mouseleave">原创 2021-09-29 20:08:07 · 273 阅读 · 0 评论 -
如何封装Axios
目标:基于axios封装一个请求模块,调用接口时使用添加实例化请求拦截器响应拦截器封装一个通用的请求函数 (非必须)import axios from 'axios'const instance = axios.create({// baseURL 基地址 baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net/', timeout: 5000//超时时间配置})//请求拦截器// 全局注册tokenins原创 2021-09-26 20:37:31 · 147 阅读 · 0 评论 -
如何将别人的项目进行二次开发
网上许多别人写好的项目,或者工作中,我们可能都不是从头开始的,而是别人已经写过的,我们如何开发呢?首先,克隆下来git clone gitee/gitbut的http地址先把.git删除,断开别人的链接,建立自己的仓库,最好也建立gitee网上仓库git init其次把项目的依赖包下载下来,出现这么个文件夹:node_modulesyarn然后运行,运行命令看package.json这个文件里的运行命令yarn start/npm run start 查看,了解每一个文件夹的作用原创 2021-09-14 22:09:14 · 1010 阅读 · 0 评论 -
自己写的组件绑定v-model语法糖
学习vue我们知道,我们想要使用v-model,都是和form表单绑定的,如果我们自己写了一个组件,如何在使用它时,让他也能拥有v-model一样双向绑定的语法糖效果呢?首先看一下官网上说的自定义组件绑定v-model首先写一个组件,并且要在父组件中使用组件记得注册,局部或者全局,或者插件注册vue插件注册不会插件注册的可以去看一下 必须要知道2件事:v-model内部绑定的属性是value,绑定的事件是inputv-model会自动做这2个::value=’’ @input=’原创 2021-09-12 16:08:26 · 187 阅读 · 0 评论 -
vue中的router路由守卫
基本套路是一样的,要看具体需求,编写路由访问权限[1 ] 创建白名单列表(不需要token的)[ 2] js文件使用router和vuex对象,需要导入[ 3] 使用beforeEach方法,传入3个参数,to,from,next[4 ] 根据具体业务需求编写逻辑代码[ 4-1] 有token——>怎么做[4-2 ] 无token——>干什么// 权限控制import router from '@/router'//路由对象import store fr原创 2021-09-11 20:35:53 · 309 阅读 · 3 评论 -
根据条件将一个一维数组转化为我们想要的二维数组
需求我们在导入表格时,需要的是一个二维数组,而且有时,我们只想导出部分数据问题后台返给我们的通常是一个一维数组,这个时候我们需要去处理数据前提:知道*Object.keys()和Object.values()*的用法let sourceData = [ { name: "张三", age: 18, height: 180 }, { name: "李四", age: 28, height: 160 }, { name: "王五", age: 38, height: 170 }原创 2021-09-10 19:58:18 · 322 阅读 · 0 评论 -
vue如何写插件
注册插件假如自己写了一个组件,需要全局使用,首先当然可以全局注册,但当我们需要有多个自己自己写的组件或者自定义指令以及方法时,就要在入口函数main.js写一次,这样的话,我们的入口文件就会非常大,不再简洁,这时我们注册插件,就像我们使用element和vant组件库一样,可以有非常多的功能如果需要注册什么功能,首先需要引入,这里我们就只注册包含一个组件的插件**注意:**你导出的是默认,导入同样用默认导入。导出的是按需导出,导入就要用按需导入{和你导出的名保持一致}插件导出,去入口文件main.原创 2021-09-09 15:56:21 · 300 阅读 · 0 评论 -
vue直接可以用的自定义指令
方便大家使用的自定义指令原创 2021-07-28 10:14:01 · 175 阅读 · 3 评论 -
vue中的删除按钮的做法
vue中按钮删除功能的做法原创 2021-07-27 10:55:49 · 622 阅读 · 0 评论