logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3 祖孙组件通讯传值 provide 与 inject 以及 响应式数据的判断

父组件有一个provide 选项来提供数据,子组件有一个inject 选项来开始使用这些数据写法:1 在祖组件中 写入 provide(‘传递的变量名’,自定义变量名)2 在孙组件中写入inject(‘接收的传递的变量名’)代码演示记得导入 provide祖组件文件中孙组件文件 接收 inject效果响应性数据的传递与接收。要先在祖组件中 provide 数据出去,在孙组件拿到的也是响应式的,并且

#vue.js#前端#javascript
vue项目 移动端 实现购物车功能

看下图,我是去天猫上截取的一张当点击 -加入购物车-按钮时会出来弹框进行选择大小,尺码,商品的id(页面是不显示的), title商品名称 , imgUrl(海报图), flag(标识也是不显示的)等信息(弹框就不写了,一般你下载插件后都有)注意的是:标识符,flag非常重要,为以后复选框判断是否选中做参考,变成一个数组形式,cart,传入vuex来看看代码vuex 页面代码如下我们要知道当我们初

#vue.js#javascript#前端
在一个div标签中平行放置两个echarts 环形图

例图做成这样的首先我们看官网找到示例里面的的饼图 环形图你把代码拿过去,注意的是你的div一定要给高度,不然可能就会出现你的图不出现。我是在大佬的帮助下封装了两个组件,然后一个一个写的死数据,因为后台还没有接口,先写死,后期再改。index.vue 里的代码后边都是一样的,把样式写好就行了。一定要注册和引入组件,还要传参呢data里的数据然后就是组件里面的数据了,写了一个,那一个也是一样的,看你怎

#echarts#javascript#vue.js
vue底部导航栏(选中状态刷新不消失)解决

我们用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果,底部的图标是我自己找的,选中和未选中样式的图片,根据公司要求,你也可能会用fontsize去写。(全部代码黏贴到本文的最后面了)关于布局的已经写过了,在这个博客文件中.当然还有新的方法去写导航首先在导航页面中的data()里边定义一

#vue.js#javascript#前端
vue 点击按钮改变颜色

代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>vue空白模板</title&g

#vue.js#javascript#前端
vant 组件引入报组件注册错误,<van-contact-card> - did you register the component correctly? For recursive c,解决

你看你是不是也是这样的错误vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element:- did you register the component correctly? For recursive components, make sure to provide the “name” option.我们按需引入了,明明按照官网上

#c语言#vue.js#前端
Vue的两种路由模式 和 History模式怎么配置

**Vue有两种路由模式:hash,history**(1)hash模式通过监听路由的变化实现,如下代码.路由中带着#,变化的也都是#后面的值window.onhashchange = function(event) {console.log(event.oldURL, event.newURL);let hash = loaction.hash//通过location对象来获取hash地址con

#vue.js#nginx#javascript
vue 项目 前端 模拟后端接口数据(vue2,vue3)

项目中或者平常自己创建demo的过程中,往往需要后端配合,但是有时候没有后端,又需要数据,此时就展示了我们前端的强大之处,自己模拟后端接口数据。如果自定义一个模拟后端数据,首先创建一个文件夹放置后端数据,(backApp文件夹)然后再命令终端,执行命令npm init - y 或者 yarn init -y 初始化文件之后继续执行命令 npm i express request -D 下载对应的包

#前端#vue.js#javascript
vue3父子组件传值 以及注意事项

当你在进行父子组件传值的时候报警告:Property “value” was accessed during render but is not defined on instance.at warn]: Extraneous non-emits event listeners (xxx) were passed to component but could not be automaticall

#typescript#前端#vue.js
vue 项目实战 递归

1 递归函数必须接受参数。(比如我要递归谁?)2 在递归函数的定义初始,应该有一个判断条件,当参数满足这个条件的时候,函数停止执行,并返回值。(指定退出条件,否则就会死循环)3 每次递归函数执行自己的时候,都需要把当前参数做某种修改,然后传入下一次递归。(每次循环在调用自己一次并传参)4当参数被累积修改到符合初始判断条件了,递归就停止了。(最后满足条件就退出)简单的说递归函数就是在函数体内调用n次

#elementui
    共 41 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择