umi 项目增加支持放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录，就比如 vue-cli 的 assetDir 简介：最近需要做一个后台系统，时间又比较充足，antd 和 Ant Design Pro 都已经升级到了 v4 ，于是就果断尝鲜了一波，遇到的问题也比较多，比较难解决的就是类似 vue-cli 的 assetDir 的问题，现把解…
背景 在很多项目中，实现修改、删除某项数据成功后，需要自动刷新。 但是像go()或者reload()等函数，确实可以实现刷新，但是这种刷新是刷新浏览器，页面会出现空白，然后重新渲染数据，用户体验不是很好。 在Vue项目中，可以利用vue-router重新路由，但是重新路由前和重新路由后，这两个路由是相同的话，页面是不会进行刷新的。 解决 既然重新路由前后两个路由相同的话，页面不会刷新，那我们可以先…
原文来自： vue中实现公告栏的滚动特效_weixin_45439379的博客-CSDN博客_vue通告栏 <template> <div id="demo"> <ul class="list"> <li v-for="(item, index) in ulList" :key="item.id" :class="!index && pla…
tinymce富文本在vue2中的使用（踩坑记录） 1.引入相应版本的包 vue出了3，tinymce也出了新版本对应，下包的时候，要注意下载对应版本的包 vue2对应的tinymce版本的大版本号应该是5 tinymce-vue对应的版本大版本号是3 我的项目用yarn管理包 所以执行以下命令 yarn add tinymce@^5 yarn add @tinymce/tinymce-vue@^…
目录 一、失焦保存 1.1 双击失焦保存效果图 1.2 双击失焦保存示例 二、按钮保存 2.1 按钮保存效果图 2.2 按钮保存示例 一、失焦保存 1.1 双击失焦保存效果图 1.2 双击失焦保存示例 <template> <div class="app-container pull-height words"> <avue-crud ref="crud" :data…
引入css样式文件 这个错是我最开始就有的错误，因为在安装vue-awesome-swiper 就会默认安装swiper。我指定了vue-awesome-swiper的版本，但是没指定swiper的版本，默认安装版本为8.0.7。 所以在引入css文件的时候报错，在node_modules中的swiper路径下找确实没有这个文件 import 'swiper/css/swiper.css' 在把s…
近来掘金举办前端比赛，所以写了一个小游戏参加，而且熟悉一下vue3,写了一下游戏，思来想去就写了一个斗兽棋游戏。 欢迎去给我加油 点赞评论收藏 ，试玩地址 游戏地址 童年斗兽棋 - 码上掘金 https://code.juejin.cn/pen/7168678657873969160 进入有点击右上方 ‘运行’ 下面写一下思路 斗兽棋上下各八个棋子，一个16位置的格子，本来用一个数组…
42. VUE脚手架项目嵌套路由 在配置路由（配置 /src/router/index.js ）时，如果配置的路由对象是 routes 常量的直接数组元素，则此路由配置的视图会显示在 App.vue 的 <router-view/> 中。 在设计视图时，可能会出现 <router-view/> 的嵌套，以本次菜单的设计为例，菜单所在的视图 HomeView.vue 是显示在…
vue 的 :style 动态绑定样式 开始我只是想给文字加一个行高： <div class="style" :style="{ height:52px,line-height:52px }"></div> 结果，报错！！！ 重写还是报错！ 检查符号后，还是报错！ 无奈之下，查询了一些资料，发现，在动态绑定style的时候，需要驼峰式写法才能生效，于是乎，暴躁的按键奋起乱…
vue 密码强弱设置 resetPass.vue <style scoped lang="scss"> @import "~@a/style/variables.scss"; .password-score { display: flex; border-radius: 4px; p { width: 33.3%; text-align: center; height: 20px; l…