随笔分类 -  vue

Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南
摘要：Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南 因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码，但是随着接手的项目越来越多，需要统一每个项目的代码规范，于是在此分享vue项目的几种代码格式化风格(default,stand 阅读全文
posted @ 2022-03-04 14:51 tang丶有年 阅读(1842) 评论(1) 推荐(1)
element table 使用 v-if 切换内容混淆
摘要：问题：多个table表格使用v-if切换展示时，会导致table表格渲染内容出错 解决方法：给table加个 key 产生原因：vue在渲染组件的时候, 会先按照key判断是否是同一组件，如果没有则按照标签名，这样会导致渲染 el-table组件的时候， 多个被识别成同一个导致渲染内容混淆 阅读全文
posted @ 2021-09-26 10:50 tang丶有年 阅读(375) 评论(1) 推荐(0)
vue 实现个简易版（4）
摘要：上一篇文章实现了v-bind， v-on指令以及methods等，这一篇来实现computed和watch; 1. computed 在Vue实例中通过this可以直接访问computed中的计算属性，而且它可以实现缓存，并且只有当依赖的数据变化才会更新; 1.1 ComputedWatcher 需 阅读全文
posted @ 2020-09-17 11:10 tang丶有年 阅读(114) 评论(0) 推荐(0)
vue 实现个简易版（3）
摘要：上一篇文章实现了数据的双向绑定，这一篇来实现v-bind， v-on指令以及methods等。 1. v-model语法糖指令拆分处理 1.1 首先来修改判断是否是指令的函数 isDirective(attrName){ return attrName.startsWith('v-on:')||at 阅读全文
posted @ 2020-09-17 11:05 tang丶有年 阅读(139) 评论(0) 推荐(0)
vue-cli3 使用 svg-sprite-loader 的坑
摘要：上面代码出自 https://juejin.im/post/5bc93881f265da0aea69ae2e vue-cli3 的配置svg-sprite-loader大多都是上面这样的。 但是我自己写的时候会在node_modules里有个svg导致一直报错！！！ 最终解决！！ 出自https:/ 阅读全文
posted @ 2019-03-29 17:43 tang丶有年 阅读(4833) 评论(0) 推荐(0)
vue2.x+elelmentUI@3.5 表格
摘要：<template> <section> <el-row> <el-col:span="16"> <!--表单--> <h3>{{setedList.length}}</h3> <tablecellspacing="0"style="width:100%;"class="table-my"> <th 阅读全文
posted @ 2018-05-18 01:52 tang丶有年 阅读(561) 评论(0) 推荐(0)