- 博客(18)
- 收藏
- 关注
RSS订阅原创 阿里巴巴图标下载及使用
在我们平时项目中难免会用到一些字体图标，像vue里的element ui或者element Plus可能满足不了我们的需求，这时候我们来了解一下阿里巴巴图标库。在main.js(vue2项目)或者main.ts(vue3项目)引入icon图标css。这个时候页面其实就可以出来了，默认黑色，我们就像平常调css一样去调图标就可以了哈。把这个文件解压，然后在项目src目录下创建文件，把解压的内容放进去。随便搜索一个“科室”，加入小购物车。这个地方就是你加入的每个图标。点开购物车，加入项目。
2024-01-18 16:24:46
383
原创 vue3中watch的使用及一些问题
情况三（在多介绍一个）通过ref定义一个对象(此处仍然无法正确的获取oldValue)因为它内部还是会求助reactive的Proxy(注意此处监听ref定义的对象需要.value哦，结构html里不需要)。⑤情况五：监听reactive所定义的某些响应式数据中某个属性（这里oldValue是可以使用的）----某些。③ 情况三：监听reactive所定义的多个响应式数据(此处无法正确的获取oldValue) ---全部。① 情况一：监听ref所定义的一个响应式数据。(注：这里我用的是setup语法糖)。
2024-01-15 19:40:55
469
原创 vue3组件通信defineProps、defineEmits、defineExpose
vue最大的特点就是组件化开发，那么在组件开发时必定会用到父子传值，在vue2中我们用到了props、emit、ref、vuex、插槽等等获取组件的数据，那么vue3中必定要认识一下这三兄弟：defineProps、defineEmits、defineExpose（这里我用的是setup语法糖）。
2024-01-12 13:46:46
384
原创 element-ui中的el-dialog 右上角关闭按钮引起Vue warn: Avoid mutating a prop directly
element-ui中的el-dialog 右上角关闭按钮引起Vue warn: Avoid mutating a prop directly
2022-10-13 20:03:24
366
原创 vscode用git提交代码时会提示在签出前请清理存储库工作树
3、git stash pop (恢复第一步储存起来的代码，也就是恢复当前未提交的修改)1、git stash (把当前未提交的修改暂存起来，让仓库还原到最后一次提交状态)2、git pull (拉取远程仓库的代码，让你现在的代码和远程仓库一致)...
2022-08-09 17:42:49
424
原创 动态组件component
<template> <div> <button @click="comName = 'UserName'">账号密码填写</button> <button @click= 'comName = 'UserInfo>个人信息填写</button> <p>下面显示注册组件-动态切换:</p> <div style="border: 1px solid red;"> <.
2022-04-21 14:28:11
764
原创 vue中的表格第一行索引为空（功能实现）
业务功能：实现 ① 表格第一行为合计时索引为空，从第二行开始索引排序。第一步：首先写结构，在序号结构下面占位，并且写下面内容<template slot-scope=scope><span> {{customIndex(scope,scope.$index)}} </span></template>第二步：在data里判断queryConditionData 是一个对象也是data数据 :data =queryConditionDat..
2022-02-19 22:21:28
600
原创 （同上次为查询导出时消息提示）进行js封装公共方法并使用
如果十几个页面都会用到这个判断可以封装一个js页面第一步：首先我在src目录下新建了一个news.js文件data() { return { isQuery:false, }}methods:{ newsTips () { if(!this.isQuery) { message: '警告哦，这是一条警告消息'; type: 'warning'; retu
2022-02-16 14:24:34
369
原创 vue后台管理，先点击查询才能点击导出，（消息提示）
业务功能：先点击查询才能点击导出，如果没点查询就点导出，则提示“请点击查询后，在执行导出”//第一步 定义两个参数data() {return { search:false, export:false, }}//第二步 在导出逻辑前做判断if((this.export && !this.search) || !this.search) { this.$message ({ showCloe:true, ...
2022-02-14 10:13:31
458
原创 vue-审核已通过的数据 撤回
1.首先要有个按钮，其次再来个点击事件，这地方我做了一个判断，当是审核通过的状态则显示撤回按钮。（true不等于1，false不等于0） <el-button slot="reference" style="padding: 6px" type="primary" size="mini" @click="handleClick1(scope.row)"
2021-11-01 11:17:34
364
原创 vue + 百度地图
之所以写这篇博客，是因为我发现了神器，并且很好用，同时也被困扰了很长时间，所以希望遇到的小伙伴可以迎刃而解。一步步来吧！1.安装地图npm install vue-baidu-map2.在main.js中去引入ak是在百度地图开发者平台申请的密钥 详见http://lbsyun.baidu.com/apiconimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap,{ak:'此处粘贴你的百度地图ak'})...
2021-10-08 16:35:02
196
原创 vue (ref 和 $nextTick 的使用）
一、首先介绍一下ref的使用：1.目标：通过id 或 ref 属性获取原生DOM(获取标签)在mounted生命周期 - 2种方式获取原生DOM标签① 用id属性② ref属性小例子：<template> <div> <!-- 获取标签可以用ref --> <p>1.获取原生DOM元素</p> <h1 id="h" ref="myH">我是一个孤独可怜又能吃的h1&
2021-09-27 16:22:45
428
1
原创 axios的简单介绍（简单易懂）
首先来说一下axios的作用: axios主要是用来发送请求vue中安装命令： npm install axios官网： http://www.axios-js.com特点： 支持客户端发送Ajax请求 支持服务端Node.js发送请求 支持Promise相关用法 自动转换JSON数据*...
2021-09-24 10:31:48
849
原创 vue引用组件不显示/抽离组件的步骤
当vue抽离组件遇到判断(v-if)今天抽离组件的时候遇到了一个小坑，很想和大家分享一下哦。首先从头介绍吧！抽离组件的步骤:1.首先创建一个文件夹，也就是要抽离的部分(孩子）2.在父文件夹中引入，请看：import ManageIndex from "./ManageIndex.vue"; components: { ManageIndex, },3.在需要用到的地方去用标签占位<Manage-Index></Manage-Index>
2021-09-16 17:49:53
734
原创 vue+element将数据导出成excel表格
首先安装依赖包:命令：①npm install -S file-saver xlsx ②npm install -D script-loader 目的是有下面两个文件：温馨提示：可点击链接直接下载并在目录中新建一个文件夹，放进去即可，链接如下https://pan.baidu.com/s/1m_-7Mj1k70Uefk_aEPJr1Q 提取码：3hfx下面来个小案例://1.首先注册一个点击事件：<el...
2021-08-11 16:50:38
159
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人