摘要： 1.v-model和:value的区别 :value绑定只是v-bind单向的数据绑定，组件内部修改了对应的值,需要添加change方法改变data； v-model的绑定是双向的，组件内部的值变化了，也会同步到页面的data中。 <Input v-model:value="userName" /> 阅读全文

摘要： 作为前端最常出现的两个场景。 一，打包再本地部署 二，打包给服务器部署 不管哪种都属要配置代理才能解决跨域问题 VUE 主要是两个文件。 1.根目录下的vue.config.js中的 devServer 属性下进行配置.代理后访问 localhost:8088/ = http://xxx.xxx.x 阅读全文

摘要： canvas <canvas id="canvas" ref="Canvas" /> 绘制画布 const canvas = ref<any | null>(null); const draw = (value: string) => { // 创建 context 对象 const ctx = c 阅读全文

摘要： 用viewerjs插件实现图片预览 // 安装依赖 "viewerjs": "^1.9.0" 在template里展示图片并设置点击事件 <template> <ul id="img-area"> <li v-for="(item,index) in imgList" :key="item.id"> 阅读全文

摘要： 利用execCommand复制文本 <template> <button @click="copyText">复制</button> <section id="copy-text"> ... </section> </template> // 复制监测详情内容 const copyText = () 阅读全文

摘要： Vuex 是专门为 Vue.js 设计的状态管理库，用于管理共享状态。如： 多个视图依赖于同一状态，或者来自不同视图的行为需要变更同一状态。 vue3中对vuex的使用写法 首先在main.ts中引入store 在src的目录下创建store用于放置vuex文件,在index.ts中引入 impor 阅读全文

摘要： vue3相比vue2更加轻量，区别之一就是使用setup代替了data,methods，还有响应式数据类型ref,reactive的使用。 新建一个index.vue <template> html元素 </template> <script setup lang="ts"> ts逻辑 </scri 阅读全文

摘要： 如果想通过纯前端技术实现文件下载，直接把a标签的href属性设置为文件路径即可 //downloadSrc即为接口的地址即可 <a href={downloadSrc}> <Button>Download</Button> </a> 但是后端传的是文件流，这样下载的是markDown文件，如果想转换 阅读全文

摘要： 介绍：CodeMirror是一个代码编译器。特点：CodeMirror可以直接嵌入Web页面，提供在线代码编辑器的特性页面实现： package.json中添加相关依赖 "codemirror": "^5.60.0", "react-codemirror2": "^7.2.1", 引入CodeMir 阅读全文

摘要： react 图片上传实例 1.通过上传组件实现图片上传 实现效果： 技术： TS+React，Ant Design的Avatar 头像组件，Upload组件 栅格布局，左侧是头像图片，右侧是上传按钮和提示语 <Row> <Col span={6}> //头像部分，没有照片显示默认图标 {imageU 阅读全文