vue
文章平均质量分 61
温其如玉_zxh
道阻且长,行则将至。
展开
-
Vue组件传参方式总结(Vue2、Vue3)
依赖注入不仅可以父子传值,也可以传递给更深层次的子组件。如果提供的值是响应式数据,那么注入的值也是响应式的。所谓注入就是读取的意思。的值是实时同步的,所有组件都可以访问到,由于内容过多,本文不做详细介绍,附另一篇详细介绍。Pinia 使用方法内容有点多,本文限于篇幅,不做介绍,附一篇详细介绍使用方法的博客链接。的写法接收时需要断言类型,如果不确定是否使用需要加一个。如果是对象类型,需要使用。如果是对象类型,需要使用。使用方法的博客链接。原创 2023-06-13 15:56:56 · 1245 阅读 · 0 评论 -
Ant Design Vue表格(Table)及分页(Pagination )使用
最近在写一个新项目,UI框架用的是,因为之前一直用的Element UI,没有用过这个组件库,没想到二者区别这么大,因此踩了不少坑,其中就有Table和Pagination,花了一会时间才弄明白,在此记录并分享一下此次经历。注意:是 Vue3 项目。原创 2023-04-06 20:12:36 · 10207 阅读 · 1 评论 -
Pinia使用方法及持久化存储
Pinia是Vue的专属状态管理库,它允许你跨组件或页面共享状态。它跟Vuex有一定的相似度,但还是有很大的区别。愿意看这篇博客的人,想必已经看过了官方文档,官方文档很详细,包含各种使用情景和理论,因此本文不说理论,只说具体的使用方法,想深入研究的建议去看官方文档,本文适合拿来即用。Pinia 官方文档。原创 2023-03-24 15:38:48 · 21107 阅读 · 19 评论 -
vue-axios封装与使用
Axios是一个基于promise网络请求库,作用于node.js和浏览器中。这是一个使用率很高的前端网络请求库,几乎所有的前端项目都会使用,本文主要介绍的是如何在vue项目中使用axios,并对其进行全面的封装。注意:本文内容主要来自于个人开发经验,如有不当之处,敬请谅解,也欢迎大家在评论区指出。原创 2023-02-20 15:15:04 · 1293 阅读 · 0 评论 -
前端上传文件
以vue举例,原生现在应该很少有人去写了。原创 2023-02-17 11:06:18 · 3630 阅读 · 0 评论 -
vue解决跨域问题
vue解决跨域问题很简单,只需要修改cli中的配置,在文件中修改以下内容即可,没有此文件的可以自行创建。原创 2023-01-16 16:16:44 · 1006 阅读 · 0 评论 -
vue中~@和@的区别
以@开头的url,会作为一个模块请求被解析。它的用处在于 Vue CLI 默认会设置一个指向的别名。指向的是src目录,且只能在和中使用,在中使用会报错。原创 2023-01-07 17:01:38 · 2781 阅读 · 1 评论 -
vant中Field输入框禁止输入空格
vant输入框组件在vue中禁止输入空格,按照不同引入方式,使用不同的方法原创 2022-08-22 11:50:12 · 3414 阅读 · 0 评论 -
H5接入微信公众号方法(超详细)
H5接入微信公众号方法(超详细)原创 2021-12-30 14:55:30 · 27509 阅读 · 0 评论 -
前端实现拖放功能
前言前段时间有一个朋友问我前端能否实现拖放功能,大体是用拖放来调整列表顺序。虽然我没有做过,但我见过有这种功能这样的网站呀,所以毫不犹豫的说绝对可以实现(反正不是我写)。谁知道才过去不到一周,我自己所就职的公司也要添加一个拖放功能,而且还升级了,比拖放改变列表顺序难度更大。。。。,没办法,做呗。好在我在我朋友问我的时候去网上查了下资料,看到了html5中有这么一个功能。话不多说,开始干吧。实现方法一、什么是拖放菜鸟教程-拖放功能简单来说,就是把一个元素拖到另一个地方,并完成相应的功能。官原创 2021-11-01 11:42:47 · 4044 阅读 · 0 评论 -
前端自适应实现方法
前端自适应实现方法(移动端)原创 2021-10-12 19:54:05 · 19318 阅读 · 3 评论 -
scss颜色变量的使用方法
一、前言原创 2021-09-17 17:54:21 · 2906 阅读 · 0 评论 -
在vue中使用echats的详细步骤及注意事项
一、安装echats// 使用npmnpm install echarts --save// 使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -save二、引入echats原创 2021-06-04 17:15:37 · 469 阅读 · 0 评论 -
在vue中使用axios(详细通用版)
axios封装方法原创 2021-05-25 15:07:59 · 9168 阅读 · 4 评论 -
vue中怎么引入字体包(超详细)
vue中怎么引入字体包一、创建文件并添加字体包1、在src里面的assets文件中创建text文件(没有assets文件可以自己创建一个,也可以不用此命名);2、把字体包放入text文件,并创建一个text.css文件(命名随意),把字体包引入text.css文件中,font-family建议使用英文。text.css文件内容@font-face { font-family: "JDZY"; src: url('./font.woff'); font-weight: no原创 2021-05-24 10:15:15 · 15778 阅读 · 0 评论 -
vuex使用方法(详细实用)
vuex用法原创 2021-05-22 16:06:13 · 12029 阅读 · 1 评论 -
form表单常用方法(各种常用校验及计算)
form表单常用方法手机号校验export const checkPhone = (data) => { let value = true let code = /^1[3456789]\d{9}$/; if (!code.test(data)) { value = false; console.log('手机号格式错误') } return value}电子邮箱校验export const checkEmail =原创 2021-05-19 19:34:41 · 684 阅读 · 0 评论 -
scss、sass安装和使用(变量、混入)
scss、sass的安装和使用(vue)安装npm install -g sass安装失败处理方法npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgnpm install node-sass使用vue文件中使用// vue文件使用<style lang="scss" scoped></style>在main.js中引入// 添加内容(具体引入路径视情况而定原创 2021-05-19 19:17:40 · 577 阅读 · 0 评论