logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中子组件往父组件传值,父组件往子组件传值

vue中子组件往父组件传值:emitmethods: {add: function() {this.$emit("showpro", this.list+'我是孩子的值');   // showpro是传往父组件的方法,后面参数是要传过去的参数}} 父组件中import HelloWorldVue from "./HelloWorld.vue";&l

使用vue模拟购物车全选按钮,逻辑

<template><div><table border="1"><tr><td><input type="checkbox" @click="Allselect" v-model=&q

使用vue 实现外卖平台,饿了么美团模仿

可以搜索,可以添加到购物车,可以计算价格 目录结构:components(folder)        meituan.vue        store(folder)               action.js               mulation.js               action.js               index.js...

#css
dom数组打印为空,但是里面内容不为空,问题解决办法

console.log(this.$refs); 这是vue中dom生成有时间差的,当出现此类情况,也就是打印出来的数组为但是展开里面是不为空的,试用下面的办法this.$nextTick(() => {this.$refs.circle[0].style.backgroundColor = "#48ACFF";});使用 nextTick,这样就能获取到里面的元

vue报错Duplicate keys detected: '1'. This may cause an update error.key值重复

除了网上大家都在说的原因key值重复之外还有一个原因就是有两个相同的for循环,而这两个for循环的key值是一样的,此时将一个的key值加一个数字或者加一个字符串例如<template><div class="nav"><div v-for="(item,index) in iconHref&qu

vue 实现横向滑动 加效果

<template><div class="lateral-sliding"><div class="lateral-sliding-item" v-for="(item,index) in items" :key="index">&a

vue 实现横向滑动 加效果

<template><div class="lateral-sliding"><div class="lateral-sliding-item" v-for="(item,index) in items" :key="index">&a

到底了