Vue3.0+
vue3.0版本
QQ帝国
积土成山,风雨兴焉;积水成渊,蛟龙生焉;积善成德,而神明自得,圣心备焉。故不积跬步,无以至千里;不积小流,无以成江海。骐骥一跃,不能十步;驽马十驾,功在不舍。锲而舍之,朽木不折;锲而不舍,金石可镂。蚓无爪牙之利,筋骨之强,上食埃土,下饮黄泉,用心一也。蟹六跪而二螯,非蛇鳝之穴无可寄托者,用心躁也。
展开
-
vue或uniapp使用pdf.js预览
vue或uniapp使用pdf.js预览。一、先下载稳定版的pdf.js,可以去官网下载官网下载地址 或pdf.js包下载(已配置好,无需修改)二、下载好的pdf.js文件放在public下静态文件里,uniapp是放在static下静态文件里原创 2023-08-09 17:37:05 · 2834 阅读 · 1 评论 -
uniapp开发H5使用formData上传文件
由于uniapp 的 uni.uploadFile 上传的限制,无法实现上传excel、world、ppt等类型的文件,不支持下图的上传方式,故只能调用原生的方法来解决。原创 2022-11-23 09:58:15 · 4107 阅读 · 0 评论 -
vue自定义组件无法渲染问题(runtime-compiler和runtime-only)
vue自定义组件无法渲染问题(runtime-compiler和runtime-only)原创 2022-09-27 08:56:09 · 2263 阅读 · 1 评论 -
记录el-input使用原生JS事件修改值data后v-model值不同步问题
记录el-input使用原生JS事件修改值data后v-model值不同步问题原因:js修改时没有触发input事件$emit(‘input’,value)这时候问题出现了,v-html的值并没有改变。原创 2022-08-26 14:06:23 · 1354 阅读 · 0 评论 -
table表格直接导出Excel文件
如遇到复杂表格时可使用这种方式导出。原创 2022-08-22 16:11:37 · 701 阅读 · 0 评论 -
vite之 import.meta.glob批量引入文件
Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块:打印 metaRouters。原创 2022-08-12 17:46:15 · 3861 阅读 · 1 评论 -
vue项目打包后 希望可以修改配置(接口地址,系统名称等)
项目打包发布,之后可能存在接口域名更换,项目名称修改等情况,就需要开发人员重新修改代码,重新发布,比较费时费力。希望可以将这些配置在一个文件中,如需更换,运维可直接打开配置文件,更改保存即生效。......原创 2022-08-09 15:38:32 · 3225 阅读 · 0 评论 -
vue3-pinia-ts项目中的使用
代码】vue3+pinia+ts项目中的使用。原创 2022-08-08 13:10:11 · 652 阅读 · 0 评论 -
Vue3-pinia(状态管理)
这个是vue3新的状态管理工具,简单来说相当于之前vuex,它去掉了Mutations但是也是支持vue2的,尤大推荐。因为其logo像是一个菠萝,所以我们还称呼它为大菠萝。转载 2022-08-08 12:49:33 · 511 阅读 · 0 评论 -
Element 表格更改行文字颜色
一、绑定属性 :row-class-name="tableAddClass"<el-table :header-cell-style="{background:'#E9E9EB',color:'#000000'}" :data="tableData" border v-loading="loading" :row-class-name="tableAddClass"></el-table>二、导入方法export function tableAddClas原创 2022-05-25 11:48:36 · 1961 阅读 · 0 评论 -
Element组件表格内表单验证
验证起作用规则:关键在于1、:prop="'table的data字段名.' + scope.$index + '.input字段名'" 2、v-model="scope.row.input字段名"例如:<el-form-item :prop="`tableData[${scope.$index}].SubjectBook.C_Name`" :rules="[{ required: true, message: '请输入标题', trigger: 'blur' }]原创 2022-05-19 19:12:59 · 1706 阅读 · 0 评论 -
element-plus日期时间组件控制选择范围
element-plus和原element版本的组件不太一样,以下记录element-plus控制选择范围用法:disabledDate="disabledDateFun"<el-form-item label="计划起始时间" > <el-date-picker style="width:100%" size="small" v-model="timeArr" type="datetimerange" :di原创 2022-05-18 17:07:12 · 2091 阅读 · 0 评论 -
Vue3.x 之getCurrentInstance
Vue3.x中的核心方法,用于访问实例上下文的router及vuex等使用说明:setup的执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象 import { getCurrentInstance } from 'vue'; setup(){ // 获取当前组件实例 const instance =原创 2022-02-15 13:32:49 · 3946 阅读 · 0 评论 -
vue3.0+elementPlus表单无法输入问题
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="110px" class="demo-ruleForm" v-loading="loading"> <el-row > <el-col :span="24"> <el-form-item label="网点选择.原创 2022-02-14 15:29:59 · 1556 阅读 · 0 评论 -
vue项目使用signalr
安装命令npm install @microsoft/signalr使用方式<template> <div> <input v-model="user" type="text" /> <input v-model="message" type="text" /><br /> <button @click="sendMsg">发送</button> <hr />原创 2021-11-25 17:02:06 · 1367 阅读 · 0 评论 -
vue3.0子组件调用父组件的方法及computed、watch的使用
父组件<!-- 首页 --><template> <div style="border: 5px solid gray"> <div>父组件:</div> <div>{{ msg }}</div> <div>{{ count11 }}</div> <div>count: {{ count }}</div> <div&g.原创 2021-11-22 13:53:48 · 2254 阅读 · 0 评论 -
vue3.0父组件调用子组件的方法
父组件<!-- 首页 --><template> <div style="border: 5px solid gray"> <!-- 父组件调用子组件方法 --> <div> <button @click="getChildFun">父组件调用子组件方法</button> </div> <!-- 组件 --> <chil原创 2021-11-22 13:48:19 · 1937 阅读 · 0 评论