![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
xueer43
加油呀
展开
-
svg 可视化可爱表情包
1. 左侧随机生成表情包- 方式1:控制不住我自己(会生成非常的随机,也很抽象)- 方法2:会在下方列表的21项中随机生成2. 右侧自定义生成- 可控制多种配色,头部配色已设置多种合适配色可选哦~- 默认头部,眼睛,嘴巴都包含多个位置色值可调整(开启自定义就会分散点调整哦,默认不开启则是用统一色系- 可调整项有:颜色,大小(尺寸),位置,样式等。原创 2022-09-28 10:52:47 · 485 阅读 · 1 评论 -
svg 可视化项目
4. 右侧调整想要的头像效果:颜色,类型等。3. 前进后退查看切换的头像。5. 查看当前头像类型数据。功能介绍:随机生成头像。1. 随机生成任意头像。原创 2022-09-28 10:29:55 · 216 阅读 · 0 评论 -
Threejs TextureLoader 加载进度处理
TextureLoader 加载进度处理原创 2022-09-07 11:26:35 · 628 阅读 · 0 评论 -
vsocde vue属性换行问题
vue 属性换行 prettier 冲突问题原创 2022-08-10 17:20:02 · 571 阅读 · 0 评论 -
vue 动态路由
vue 动态路由routes配置routes = [ { path: '/movie', name: 'Movie', component: () => import(/* webpackChunkName: "movie" */ '../views/Movie'), ...原创 2020-03-26 15:45:34 · 84 阅读 · 0 评论 -
Vue router报错:NavigationDuplicated
Vue router报错:NavigationDuplicated跳转动态路由报错原因vue router ≥ v3.1后 ,回调形式改成promise api了,返回的是promise,如果没有捕获到错误,控制台始终会出现如图的警告。解决在mian.js内添加 import Router from 'vue-router'; Vue.use...原创 2020-03-26 14:54:03 · 146 阅读 · 0 评论 -
vue 中使用better-scroll
vue 中使用better-scroll1. 安装:yarn add better-scroll -S2. 使用:import BScroll from 'better-scroll';// 请求到数据后this.$nextTick(() => { this.scroll = new BScroll(this.$refs.hot_body, { options })...原创 2020-03-25 12:38:43 · 212 阅读 · 0 评论 -
Vue :slot 使用
Vue :slot 使用官方描述 在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。 它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。Slot - 父组件: <navigation-link url="/profile"> <p>...原创 2020-03-24 14:31:20 · 851 阅读 · 0 评论 -
vue - filter 之全局和局部的使用
vue - filter全局filter main.js: Vue.filter('setWH', (url, arg) => { return url.replace(/w\.h/, arg); }) 使用: <img :src="item.img | setWH('60.84')">组件filt...原创 2020-03-23 18:00:20 · 341 阅读 · 0 评论 -
vue + ts 使用
vue + ts 使用vue-property-decorator 属性 @Component (from vue-class-component) @Prop @PropSync @Emit @Model @Watch Mixins (the helper function named mixins defined at vue-cl...原创 2020-03-23 16:03:08 · 3357 阅读 · 0 评论 -
vue-cli3 + ts 环境搭建
vue-cli3 + ts 环境搭建技术栈- typescript- vue-cli 3.x+- yarn- sass- element-ui- vuex配置 1. npm install -g @vue/cli(版本 vue-cli3) # OR yarn global add @vue/cli 2. vue c...原创 2020-03-23 15:15:48 · 850 阅读 · 0 评论 -
vue 中 使用 axios 实现防抖功能
利用axios中的 cancelToken实现防抖功能<template> <input type="text" v-model="val"><template> <script>import axios from "axios";export default { name: 'hello', data()...原创 2020-03-23 15:01:07 · 2095 阅读 · 0 评论