随笔分类 -  vue

HTML-vue
vue-移动端开发-样式适配方案
摘要：样式适配 场景：一个项目中既包含了web端也包含了移动端的页面，web端的一些样式不能在移动端正常显示 解决方式： npm i postcss-px-to-viewport 项目目录下postcss.config.js module.exports = { plugins: { "postcss-p 阅读全文
posted @ 2023-05-06 14:27 枫子_dan 阅读(151) 评论(0) 推荐(0)
vue页面中展示markdown以及katex公式
摘要：场景 数据库中有markdown语法的字符串，需要展示为正常的页面，难点在于其中的katex数学公式 解决方式 使用showdown及其族系插件 npm i showdown npm i showdown-katex <template> <div class="msg" v-html="trans 阅读全文
posted @ 2023-05-06 14:25 枫子_dan 阅读(1697) 评论(0) 推荐(0)
Vue3踩坑记录
摘要：'defineProps' is not defined vue3+webpack5+ts # 版本8以上 $ npm i eslint@latest -D $ npm i eslint-plugin-vue@latest -D # 后续若出现TypeError: eslint.CLIEngine 阅读全文
posted @ 2022-03-25 14:42 枫子_dan 阅读(590) 评论(0) 推荐(1)
vue create 初步解析以及定制化修改
摘要：初步解析vue create流程以及定制化修改脚手架 阅读全文
posted @ 2021-12-27 16:34 枫子_dan 阅读(1108) 评论(0) 推荐(0)
vue-根据路由列表动态配置 router 列表
摘要：说明 后台中存储着某个用户相对应的路由列表，需要根据路由列表在项目中动态生成 router列表。 // 后台数据 [ { name: '数据管理', path: '/data/manager', component: 'manage.vue' } ] // 前端项目 this.$router.pus 阅读全文
posted @ 2021-02-20 11:39 枫子_dan 阅读(562) 评论(0) 推荐(0)
vue-优雅的使用svg
摘要：vue3+vite+js以及vue2+webpack5+js两种方式实现svg图标自动导入并使用 阅读全文
posted @ 2021-02-20 11:17 枫子_dan 阅读(7445) 评论(0) 推荐(1)
vue+node 全栈开发 --- 同时运行vue和node
摘要：背景说明 node 后台开发时，本身是作为集成一个 功能的后台，直接运行即可。 vue 开发与 node 开发同时进行全栈开发时，需要打开运行两个项目，比较麻烦。 配置步骤 说明： 此一系列步骤在简单的 vue 以及 node 开发使用之后可以更好理解一些。 node版本 ：10.15.1 @vue 阅读全文
posted @ 2020-05-09 17:49 枫子_dan 阅读(4062) 评论(0) 推荐(0)
vue-$nextTick() 没有获取到DOM
摘要：问题说明 没有输出 labelList 更新后的所有 li 节点 解决办法 原理解释 官网文档上写明 ，也就是说 也就是说： nextTick 是在 已有的 DOM更新循环以后执行的，你新生成的 DOM 是 新生成的 ，不是在原来的 DOM 上更新的 至于 以后就获取到想要的结果了，可能是因为异步同 阅读全文
posted @ 2020-04-03 10:53 枫子_dan 阅读(2161) 评论(0) 推荐(0)
HTML页面预览表格文件内容
摘要：背景简介 在将一个表格文件上传到服务器上之前，JS读取表格文件并将文件内容输出到页面中 vue项目 第三方 exceljs 安装 插件使用 "github 中文文档地址" element ui 文件选择 el upload 数据展示 el table 代码以及说明 参考链接 "在浏览器上打开、预览E 阅读全文
posted @ 2019-11-19 11:43 枫子_dan 阅读(3072) 评论(0) 推荐(1)
VSCode-VUE模板文件
摘要：编辑自己的代码片段 1. ctrl+shift+p 2. 输入snippet 3. 选择 'Preferences: Configure User Snippets' 4. 输入vue 5. 选择vue.json，会打开vue.json文件 6. 在文件中输入以下代码 使用代码片段 1. 新建vue 阅读全文
posted @ 2019-05-23 11:36 枫子_dan 阅读(2364) 评论(0) 推荐(0)
VUE项目开发流程
摘要：前期准备 安装npm 安装webpack\vue cli( 2.9.6版本 版本不同可能会导致以下一些目录结构以及错误解决办法不符合实际情况) 创建项目 初始化创建项目，项目名称、项目描述、拥有者等等信息， powershell D:\code\self vue init webpack commo 阅读全文
posted @ 2019-05-17 17:28 枫子_dan 阅读(693) 评论(0) 推荐(0)
vue-导入element-ui
摘要：安装 项目中导入 修改 问题 Module parse failed: Unexpected character ' ' 解决办法 修改 文件，在 下增加： 阅读全文
posted @ 2019-05-17 17:26 枫子_dan 阅读(8665) 评论(0) 推荐(0)