logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Swiper.js 制作一屏显示多个slider的效果

Swiper.js 官方网站说明:https://www.swiper.com.cn/api/effects/196.html使用Swiper.js制作一屏显示多个slider时,按照官方给出的API说明,发现不能满足自定义缩放大小,于是自己琢磨了一下,发现一个关键参数slidesPerView,官方给出的解释是:slidesPerView: 设置slider容器能够同时显示的slide...

Vue3推荐的替代Vuex的新一代状态管理工具:Pinia 配置教程

Pinia 官方网站:pinia.vuejs.org一、安装Pinianpm install pinia --save二、配置Pinia(默认项目都使用 TypeScript ,默认后缀都是.ts)在 src 目录内新建一个 store 的目录,然后在此目录下新建一个 index.ts 文件,内容如下:import { createPinia } from 'pinia'const store =

Vue3使用 mock.js 模拟后端数据请求的方法

mock.js官网:mockjs.com/1、首先用npm安装npm install mockjs2、然后在src目录下新建一个目录叫“mock”,再目录下新增一个index.js文件作为mock的配置// 引入Mock文件,由于 Vite 不支持require()方法所以改用importimport * as Mock from 'mockjs'// 模拟返回的数据格式,可以自己随便定义cons

vue在引入外部js文件时可以使用this的方法

在使用iview的table组件时,需要从外部引入column.js文件,发现在外部文件种无法使用 this,参考了一下网上的文章,写了以下方法

#javascript#vue.js#前端
vue3的reactive重新赋值无效的问题

关于 vue3 reactive 重新赋值的问题响应式代理

#vue.js#前端#javascript
Vue3的setup函数中添加组件name的方法

在使用VUE3.0的setup函数时,发现无法像2.0那样添加name,解决的方法是新增一个 script 标签:<script lang="ts">export default {name: "xxxx",}</script><script setup lang="ts">// 你的业务代码</script>还可以直接在setup后边加name&l

VUE中使用axios获取http请求数据

首先使用 npm install axios然后在 main.js 中注册全局环境使用的方法,比如:import axios from 'axios'//这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题Vue.prototype.$ajax = axios在 main.js 中添加了这两行代码之后,就能...

VUE中的过滤器filters用法

如果自己定义了一个全局的过滤器,想要在某个组件内的methods中使用这个过滤器,那么就只能用this.$options.filters['your filter name']此行代码执行后返回的是你的自定义过滤器函数,可以使用一个变量接收它,然后再传参。$optionsVUE实例提供的一个方法,用来调用一个自定义属性...

webpack打包时提示:The following entrypoint(s) combined asset size exceeds the recommended limit

如果webpack打包时提示:The following entrypoint(s) combined asset size exceeds the recommended limit,可以设置 “vue.config.js” ,增加如下配置内容:module.exports = {//以上省略默认的一些配置参数configureWebpack: config => {// 不是开发环境时生

    共 23 条
  • 1
  • 2
  • 3
  • 请选择