项目
文章平均质量分 85
小南瓜地
这个作者很懒,什么都没留下…
展开
-
vue3+ts 记录一下学习过程以及需要注意的问题
安装npm i -g @vue/clivue create xxnpm i axios -Snpm install --save vue-property-decoratornpm install element-plus --savenpm i --save ant-design-vue特别注意1.级别:vue3.0 中v-if 总是优先于 v-for 生效2.路由:hash模式:createWebHashHistoryhistory模式:createWebHistory3. s原创 2021-10-29 17:33:05 · 1215 阅读 · 0 评论 -
原生html 引入公共组件
问题描述: 公共组件被其他页面引入解决方法:参考,点这里引入后,会出现跨域问题,需要在vsCode安装插件参考,点这里原创 2020-12-16 16:20:08 · 956 阅读 · 0 评论 -
vue 动态锚点的实现
问题描述:点击导航条任意选项,跳转到对应位置解决方法:第一种方法:scrollIntoView// 导航栏<template> <ul class="menuList"> <li v-for="(item, index) in menuList" :key="index" :class="{ actived: toggleTab == index }" @原创 2020-12-08 10:12:00 · 699 阅读 · 3 评论 -
浏览器打开程序
问题描述:项目需要点击按钮,打开本地程序,解决方法:第一种情况:windows系统下(remote-viewer程序) 参考,点这里Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\spice]"URL Protocol"="C:\\Program Files\\VirtViewer v7.0-256\\bin\\remote-viewer.exe"@="spice Protocol"[HKEY_CLASSES_ROOT\spice\原创 2020-09-22 14:19:17 · 189 阅读 · 0 评论 -
导出数据(.csv)
<template> <a-button @click="exportVirtual" style="margin-right:25px;background-color:#6CC14E;border- color:#6CC14E;color: #fff" > <i style="margin-right:10px;...原创 2020-02-07 18:23:27 · 175 阅读 · 0 评论 -
文件上传(插件版)
问题描述:项目里需要上传1G以上的iso文件,而且要做成全局组件,自己写太麻烦了,所以使用了vue-simple-uploader插件解决方法:组件A封装上传文件<template> <div id="global-uploader"> <!-- 上传 --> <uploader ...原创 2020-01-02 11:36:18 · 506 阅读 · 0 评论 -
文件上传
问题描述:项目里需要上传1G以上的iso文件,不使用插件解决方法:<template> <div class="file-panel"> <!-- --> <input type="file" id="file" ref="uploadBtn" accept=".iso"/> <di...原创 2020-01-02 11:17:49 · 113 阅读 · 0 评论 -
项目中用到的vue
`this.$set()官方文档说明 如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。这个时候就需要使用this.$set(this.data,”key”,value)如果我们在创建实例以后,再在实例上绑定新属性,vue是无法进行双向绑定的sex属于data的一个新属性,而vue的原理是,在创建实例的时候,遍历data里的值,监听’getter’和’setter’方法,一旦这些值...原创 2019-12-10 11:17:32 · 269 阅读 · 0 评论 -
表格嵌套表格
问题描述:点击下拉按钮,出现快照的详细信息解决方案:<template> <div class="con_warp"> <el-table :header-cell-style="{background:'#f9f9f9'}" ref="table" :data="tableData"> <el-table-column :i...原创 2019-10-31 17:43:35 · 229 阅读 · 0 评论 -
项目表格功能实现
问题描述:```复选框变成单选,操作按钮只有复选框被选中时,才会被触发, <el-table :header-cell-style="{background:'#f9f9f9',color:'#333',fontWeight:'600'}" :data="tableData" style="width: 100%" :default-s...原创 2019-10-24 18:41:21 · 207 阅读 · 0 评论 -
vue实现下拉框可以输入又下拉菜单
问题描述:把input定位到select框中,然后把option中的值传到input中,最后修改了select图标样式,添加了点击事件,切换图标。解决方案: ...原创 2019-10-24 18:24:40 · 7624 阅读 · 1 评论 -
创建新项目
第一步 npm i -g @vue/cli第二步 vue create 项目名称第三步第四步第五步第六步第七步第八步第九步 cd 项目名npm run serve原创 2019-09-05 11:56:07 · 155 阅读 · 0 评论