qq_59181609的博客

获取 input 节点的 files 属性以及上传文件/图片的业务逻辑与请求发送都放在了 input 事件回调函数中进行。通过 FormData 实例对象处理 二进制 文件/图片（以下代码展示上传一张图片）。元素身上存在一个 files 属性，其中包含了所有已选择的文件，1.将 input 标签的 type 属性设置为 file。的方式上传到服务器上，或者通过 Javascript 的。2.绑定 ref 绑定并获取该标签的DOM节点。3.绑定事件，处理文件/图片上传的后续逻辑。设置 input 标签。...

安装：npm install markdown-it --save// 引入var MarkdownIt = require('markdown-it'),// 实例化const md = new MarkdownIt()// 将 markdown 文本格式内容转化成 HTML 标签结构内容var result = md.render('富文本框格式的内容');通过 v-html 插件 将 markdown 转化的 HTML标签内容渲染到对应页面位置<div v-html.

难点：点击下拉框以外的地方关闭下拉框思路总结：1.获取下拉框的DOM元素。2.写一个回调函数，获取当前点击的DOM元素。3.通过 contains 方法，判断当前点击的DOM元素是否在下拉框DOM元素内来决定是否显示和隐藏下拉框。<template> <div class="dropdown" ref="dropdownRef"> <a class="btn btn-outline-light my-2 dropdown-toggl

一；提示组件要实现的功能：自定义提示栏提示状态（成功，失败，默认）；自定义提示栏中的内容；自定义多久后消失；允许手动关闭提示栏；注：想要实现自定义，其实就是父组件在使用该子组件的时候动态的向子组件传递对应 prop 内容，子组件通过 props 接收并使用，所以要预先设计好要接收哪些 props 的内容。二；设计 Message 组件 实现基本的样式与功能模板和样式使用的 bootstrap 不做讲解<template> <teleport to="#messag

一：Computed 介绍1.简化代码，直接计算得出想要使用的数据2.计算属性只在相关响应式依赖发生改变时它们才会重新求值。如果响应式数据发生变化，则计算属性会依据它所依赖的数据进行重新计算3.计算属性是有缓存机制的4.接收计算属性结果的变量可以直接在HTML模板中通过插值语法使用二：Computed 使用1.组合式API注册 computed 方法import { defineComponent, computed, onMounted, watch } from 'vue'

自定义 input 组件值支持：自定义表单类型（type），双向数据绑定，表单验证功能。一；创建名为ValidateInput 的组件，在其中编写自己想要实现的自定义组件功能，之后使用ValidateInput 组件标签当作 input 标签使用。1.使用 v-bind="$attrs"和 inheritAttrs: false向指定组件中的标签结点添加非 Prop 的 Attribute 属性// ValidateInput 组件标签内容<template> <d..