2024-02-26前端实现打印（包含。_npm install print-js

https://www.qianduange.cn//article/2731.html 分类：前端知识

2024-02-251、以函数形式抽离一些可复用的方法像钩子一样挂着，随时可以引入和调用，实现高内聚低耦合的目标；2、将可复用功能抽离为外部JS文件3、函数名/文件名以use开头，形如：useXX4、引用时将响应式变量或者方法显式解构暴露出来如：const {nameRef，Fn} = useXX()（在setup函数解构出自定义hooks的变量和方法）10.1、Vue3自定义Hooks和vue2时代Mixin的关系：Mixin不足 在 Vue 2 中，mixin 是将部分组件逻辑抽象成可重用块的主要工具。_vue3面试题

https://www.qianduange.cn//article/2680.html 分类：前端知识

2024-02-25打印时发现表格显示不全，需手动调整打印设置，在右边的更多设置-缩放，选择自定义，缩放至合适的大小。传入自定义样式的字符串，作用于被打印的HTML标签上。自定义页面上所有元素的样式，在打印时生效。可以通过给打印区域设置class类名或id值，也可以使用ref获取DOM节点。打印JSON时传入的表头名称，要和JSON中的键值对的键保持一致。局部引入print-js，指定不同的打印类型。记录print.js实现打印功能的过程。打印JSON时，表格的自定义样式。打印JSON时，表头的自定义样式。_printjs

https://www.qianduange.cn//article/2648.html 分类：前端知识

2024-02-24插槽 — Vue.js插槽 Slots | Vue.js在 vue2.6.0 之后，使用v-slot或者语法糖#插槽名定义；在这之前使用slot="插槽名"定义。跟 v-on 和 v-bind 一样，v-slot 也有缩写，也就是把参数之前的所有内容(v-slot:) 替换为字符 #；下面是三种默认插槽的内容定义方式，并且最后一个默认插槽的内容会覆盖掉上一个插槽内容。使用 template 包裹内容，同时使用 v-slot 绑定一个名称。_vue slot

https://www.qianduange.cn//article/2618.html 分类：前端知识

2024-02-24vue2实现自定义的主题切换方案，例如暗黑主题切换，可自定义颜色和主题的数量，支持修改组件内部的颜色样式，例如Element UI_vue2 element背景黑色

https://www.qianduange.cn//article/2580.html 分类：前端知识

2024-02-23记录一下在做项目过程中实现图片保存到数据库，并且可以修改图片的功能先来说说怎么简单实现图片上传到服务器这个功能文件夹摆放先在app文件夹的创建index.js，在其中定义一个路由（为了更好的模块化处理，直接用app.post也行）然后在router文件夹中创建一个images.js其中代码如下其中代码中有设置文件存储路径dest: "public/images"，这个文件夹你可以先创建也可以不创建，他会自动帮你创建，他接收的图片会在app文件夹中显示出来，如果报错没有此文件夹，你可以先创建。_vue上传图片保存到数据库

https://www.qianduange.cn//article/2513.html 分类：前端知识

2024-02-22【vue2】计算属性(computed)与侦听器(watch)详解。计算属性两种写法：①默认get()类型②get()与set()类型搭配使用侦听属性的两种写法：①值类型②引用类型计算属性与侦听属性的总结对比_vue2 computed

https://www.qianduange.cn//article/2479.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识

2024-02-21超详细vue2学习笔记加代码理解！

https://www.qianduange.cn//article/2421.html 分类：前端知识

2024-02-20注意：naive-ui 仅支持 Vue3。如果你在使用 vue2，可以去看看别的库。_navie ui

https://www.qianduange.cn//article/2351.html 分类：前端知识