- 博客(31)
- 收藏
- 关注
RSS订阅原创 vsCode设置vue3模板快捷键
在输入框中输入 vue,由于版本不同配置不同，输入Vue后可能会显示vue.json,也可能只显示Vue。2.点击User Snippets(用户代码片段)后，页面上方会出现一个输入框。新建一个vue页面（prefix后设置的字符串就是创建模板的命令）在页面输入Vue3,按下回车或Tab键，页面就会出现初始化的模板。找到设置里面的User Snippets(用户代码片段)3.进入vue.json页面加入代码,保存即可。1、找到vscode设置。
2024-07-08 16:44:01
1426
原创 vue3 子组件修改父组件传过来的值
const click=()=>{ emit('update:num',123) //123 代表是将num值修改为123}
2023-06-10 21:08:36
6126
原创 根据文件流下载表格数据Excel形式
const xhr =new XMLHttpRequest();xhr.open('POST',"/后台导出接口",true);xhr.responseType ="blob"; xhr.onload = ()=> { const blob = xhr.response; const blobUrl = URL.createObjectURL(blob); const a = document.createElement('a'); a.style.display ='non.
2022-05-07 09:35:21
187
转载 Intellij IDEA打开就闪退或关闭
找到idea安装目录的bin目录，搜索vmoptions可以看到两个文件，idea.exe.vmoptions idea64.exe.vmoptions这两个文件就是IDEA的一些配置文件，带64位的对应64位的启动器，不带的对应32位，默认启动的是32位，你使用的是哪一个启动器就改哪一个，最好是两个一起都修改下（推荐）。修改两个文件中这一项，将Xmx设置为小一点，就可以解决IDEA闪退的问题，我的电脑内存剩余不足2048m，但是我设置2048，所以造成闪退，改为1024就可以了
2022-04-01 15:31:12
1217
1
原创 git命令合并分支代码
对于复杂的系统，我们可能要开好几个分支来开发，那么怎样使用git合并分支呢？合并步骤：1、进入要合并的分支（如开发分支合并到master，则进入master目录）git checkout mastergit pull2、查看所有分支是否都pull下来了git branch -a3、使用merge合并开发分支git merge 分支名4、查看合并之后的状态git status5、有冲突的话，通过IDE解决冲突；6、解决冲突之后，将冲突文件提交暂存区git add 冲突..
2022-02-15 10:57:12
2123
1
原创 vue antd中的message多个循环只显示一个
在main.js中配置import Vue from 'vue'import App from './App.vue' Vue.config.productionTip = false;//注入全局属性$messageimport { message} from 'ant-design-vue'Vue.prototype.$message = message;message.config({ duration: 2,// 持续时间 top:`80px`, // 到页面顶
2022-02-15 10:45:17
2137
原创 vue 吸顶效果
1、主要的是class名，根据判断选择样式<div id="div"> <div :class="isFixed?'isfixed':'nav'"> 需要吸顶的div </div></div>2、在mounted中添加滚动事件data(){ return { isfixed:false }},mountes(){ window.addEventListener("sc
2022-02-14 10:47:55
709
原创 vue Antd 下拉框select随滚动条滚动
<a-select :getPopupContainer=" triggerNode => { return triggerNode.parentNode || document.body; } "></a-select>
2022-02-10 10:12:46
901
原创 vue 路由配置
1、创建一个vue项目vue create hello-word2、下载路由依赖包npm i routernpm i vue-router3、在src下创建一个 router文件夹，文件夹下创建index.js4、index文件中import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/',
2022-01-20 13:10:02
512
原创 git 拉取某个分支的某一个commit的代码
方法：先拷贝代码，再切换1、先拉取git clone https://github.com/tianqixin/runoob-git-test2、切换分支,直接就切换到之前提交过的代码git checkout -b dev 2342dsfsdfs2
2022-01-19 09:40:58
29401
原创 git 拉取分支代码
git clone -b 分支名 git项目地址git clone -b dev https://github.com/tianqixin/runoob-git-test
2022-01-11 09:04:23
498
原创 vue Echarts柱状图和环形图
1、柱状图<!-- 为ECharts准备一个具备大小（宽高）的Dom --><div ref="myEcharts" id="main" style="width: 600px;height:400px;"></div>mounted(){ this.myEacharts()},methods:{ myEacharts(){ // 基于准备好的dom，初始化echarts实例 var myChart = thi
2022-01-07 16:05:00
577
原创 vue Antd 输入框Input自动聚焦
1、从vue的实例属性$ref去调input的focus方法使其实现聚焦。<a-input type="text ref="ainput" /><button @click="handleChange"></button>2、点击button自动聚焦，或其他事件需要聚焦methods:{ handleChange(){ this.$nextTick(()=>{ this.handleInputFo
2021-12-28 09:43:22
7363
原创 vue Ant Design 上传组件使用
1、此处省略安装Ant Design步骤，完成安装后直接引入组件<a-upload :action="actionUrl" //上传文件的地址 listType="picture-card" //上传文件的类型 组件内的基本样式 :file-list="fileList" //文件列表 :data="imgData" //给上传文件传递的参数 :before-upload="beforeUpload" //预上传 @change="handleCh
2021-12-10 14:36:59
826
原创 vue antd Form表单的使用
1、安装$ npm i --save ant-design-vue2、引入 在 main.js 文件中引入import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css'Vue.use(Antd);3、在组件库中找到form组件，将组建代码复制到自己的文件上https://www.antdv.com/components/form-cn/ <--组件地址4、使用form表单时v-.....
2021-12-10 14:12:34
3057
1
原创 vue antd气泡卡片 在循环中 点击只展示一个（循环展示了多个气泡卡片）
<a-table :columns="columns" :data-source="data"> <a slot="name" slot-scope="text,record">{{ text }}</a> <span slot="action" slot-scope="text, record,index"> <!-- 气泡卡片 --> <a-popover v-if="previewIndex==i..
2021-12-09 09:56:43
1873
1
原创 vue 使用antd中的form表单时，提交页面刷新
在提交时，要给事件加上e.preventDefault(); 来阻止默认操作这样就可以将提交页面刷新的问题解决了
2021-11-16 16:22:19
1797
原创 vue AntDesign table分页
1、<a-table></a-table>标签中添加属性:pagination="pagination"2、data中设置paginationpagination: {current: 1,pageSize: 10,showSizeChanger: true,total: this.total,pageSizeOptions: ['5', '10', ...
2021-10-20 14:13:56
985
原创 vue 滚动条样式
/***滚动条样式**//*滚动条整体部分*/::-webkit-scrollbar{width:10px;height:10px;}/*滚动条的轨道*/::-webkit-scrollbar-track{background:#f9fafb;}/*滚动条里面的小方块，能向上向下移动*/::-webkit-scrollbar-thumb{border-radius:5px;background:#d3d4d5;}::-webkit-sc...
2021-10-18 11:25:34
154
原创 git 创建远程分支
1、git branch -rv 查看所有远程分支2、git checkout -b + 分支名 创建分支3、git push --set-upstream origin + 刚刚创建的分支名 远程分支创建成功
2021-10-15 14:03:10
7869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人