weixin_44708870的博客

【代码】动手吧，vue做个好看的按钮，这按钮可还行？

组件内容<template> <canvas id="canvas" ref="canvas" :width="width" :height="height" @click="updateCanvas" ></canvas></template><script>export default { data() { return { ctx: null, computedWidth: 0, c

移动端自由拖动悬浮球组件，uniapp版悬浮球组件，支持vue2和vue3

h5是本身是支持自定义标签的，且自定义标签为行内元素，即display:inline;如果在vue中使用自定义标签：原因：vue会假设你忘记注册全局组件或者拼错了组件名称解决：在main.js中设置 Vue.config.ignoredElements = ['xxx','xxx'] , 数组项为你需要vue忽略的自定义元素名称，支持正则表达式。eg:Vue.config.ignoredElements = [/^dlb/]...

新建loading.vue, 用来写loading组件<template> <div class="loading-mask flex-center-center"> <svg viewBox="25 25 50 50" class="circular"> <circle cx="50" cy="50" r="20" fill="none" class="path"></circle> <circ..

vue官方提供了两种方法1.style-resources-loader2.vue-cli-plugin-style-resources-loader使用第一种方法自己通过npm安装经常会出现报错：TypeError: Cannot read property 'style-resources-loader' of undefined或者 variable xxx is undefined所以，删除style-resources-loader(虽然vue-cli-plugin的插件.

安装：npm install dayjs --save引入：var dayjs = require('dayjs') //commonjs//import dayjs from 'dayjs' // ES 2015如果需要使用到插件，那么还需引入插件并使用：eg：importrelativeTimefrom"dayjs/plugin/relativeTime";//importrelativeTime plugindayjs.extend(relativeTime); ...

路由配置:{ path:'/', name:'home', component:Home, redirect:'/home' //路由重定向}{ path:'/learn', name:'learn', component:()=>import('./views/Student') //路由懒加载，即没有切换到该路径时不加载}{ path:'/p...

1、使用命令在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。这是你使用默认 preset 的项目的 package.json：{“scripts...

vant-ui中的toast和dialog使用Toast('提示')Dialog({ message: '提示' })//直接用官网的写法会报未定义应该这样写this.$toast('提示')this.$dialog({ message: '提示' })