logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue根据链接生成二维码(二维码中间可增加logo)

一、安装依赖npm install vue-qr --save二、封装组件1、参数说明appSrc被生成二维码连接(必填)logoSrc二维码中间logo图片(选填)默认无size二维码尺寸(选填)默认1502、组件代码<template><vue-qr:logo-src="logoSrc":size="size":margin="0":auto-color="true":dot

#vue.js
vscode自定义代码片段,自定义注释片段(动态时间)

vscode如何自定义代码片段一、打开vscode,点击左下角设置图标。下载vscode传送门二、点击用户代码片段三、点击新建全局代码片段文件四、输入自定义代码片段配置文件名,例如:vue.json五、进行代码片段配置示例如下{"Print to console": {"prefix": "vue","body": ["<template>","<div class=\"wrap

#前端#vue.js#less +2
Vuex最全使用总结(state、mutations、actions、getters、modules模块化)

一、Vuex各部分介绍安装npm install vuex --save1、store中代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({state: {// 此处存储数据},mutations: {// 此处用于处理state中数据,存放方法类似vue中的method

#javascript#vue.js#前端
vue3中shallowReactive对比reactive、shallowRef对比ref以及triggerRef作用

一、shallowReactive对比reactive使用reactive声明的变量为递归监听,使用shallowReactive声明的变量为非递归监听(通俗的讲就是reactive创建的对象将会被vue内部进行递归监听,可以监听到对象中的对象是否发生了改变从而更新视图,而shallowReactive创建的对象只能监听到首层对象的变化)。<template><!-- react

#es6#javascript#前端
Vue按需引入Ant Design报错“error in ./node_modules/ant-design-vue/es/empty/style/index.less”解决办法

一、报错如下:errorin ./node_modules/ant-design-vue/es/empty/style/index.less@ ./node_modules/ant-design-vue/es/select/style/index.less 4:14-207 14:3-18:5 15:22-215@ ./node_modules/ant-design-vue/es/select/s

#less#前端
解决AntD Vue自定义上传报错reqs[uid].abort is not a function

使用Antd自定义上传文件时报错reqs[uid].abort is not a function解决办法添加以下代码const prom = new Promise((resolve, reject) => {})prom.abort = () => {}return prom

#javascript#es6
uniapp选择图片及图片预览的实现

一、uniapp选择图片及图片预览的实现uni.chooseImage(OBJECT)选择图片uni.previewImage(OBJECT)图片预览1、具体实现代码如下getImg事件选择图片lookImg事件预览图片<template><view><button type="default" @click="getImg">选择图片</button&g

#javascript
到底了