qq_42356513的博客

子组件想要使用父组件的值,又想去改父组件的值父组件子组件点击前点击后1.给子组件的value传个变量2.监听子组件的事件,并且把传过来的值赋给父组件的变量

在vue项目中用链式运算符我发现会报错,但是在有些vue项目中使用又不会报错,真是奇了个大怪。附一下解决方案1.npm安装依赖npm install @babel/plugin-proposal-optional-chaining 2.babel.config.js中加入如下代码module.exports = { presets: ["@vue/app"], // 这个是要加的 plugins: [ "@babel/plugin-proposal-optional-c

子组件传值this.$emit('get-attr', category1Id, category2Id, category3Id)父组件监听<CategorySelect @get-attr="onGetAttr" />函数处理 methods: { // args存的是1id, 2id, 3id onGetAttr(...args) { console.log(Array.isArray(args)) // true }, // 当

问题描述有时候存在这种情况,h2和span标签与第二个h2标签不想同时显示,也就是111,222显示,333就不显示,333显示,111,222就不显示。这时候就会用到v-if,v-else,然后给h2，span外面包裹一个div，但是这样做样式可能就会乱掉,可以考虑用template节点去包裹,template标签不会生成额外节点,并且样式也不会乱掉 <div class="demo"> <h2>111</h2>

1.安装依赖npm i qrcode2.组件内导入import QRCode from 'qrcode'3.处理事件函数使用const qrCodeImgUrl = await QRCode.toDataURL('后端返你的url')qrCodeImgUrl就是二维码的图片链接,放到img标签的src属性上就可以了,正常应该用try,catch去包裹一下处理一下错误,不过我懒得包,感觉没这个必要。...

问题描述vue项目中发送网络请求的时候,有时候会报错Object(...) is not a function解决思路看一下你封装的网络请求的那个模块是不是没ctrl+s保存,也就是你代码是不是没保存？

input输入框购物车的一些总结(pc端)change事件是在失焦的时候触发的,但是如果你输入的值跟原来的值一样,失焦的时候是不是触发change事件的在输入框里面按回车键是能否触发change事件的,但是要保证输入的值跟原来的值不一样vue项目中给input的value属性也可以动态绑定一个变量,但是这种方式跟v-model的区别是给value动态绑定的变量与input输入框输入的值不是双向绑定的,也就是你把变量绑在value上,这个value就是死的,变量是多少value就是多少,不能手动输入

vue项目中改变浏览器滚动条的样式,推荐一个超级好用的vue组件: vuescroll.js

主题数据量过大的时候,前端分页是避免不了的事情,记录一次手写分页器组件(估计我这辈子只会手写这一次)。首先把静态分页器弄出来。再做js逻辑设计。<template> <div class="pagination"> <button>上一页</button> <button>1</button> <button>···</button> <button>3&l

让v-if和v-for一起使用外层包裹一个template节点,示例 <template v-if=""> <div v-for=""> </div> </template>

主题Normalize.css简介及详解、使用1.安装依赖npm install --save normalize.css2.main.js(入口)文件引入import 'normalize.css/normalize.css'

前奏学习一个新的知识,应该带有一些目的性,或者了解一下相关背景,带着疑问去学一个东西,至少不会那么痛苦。(不要跟我说学习是快乐的,学习哪来的快乐(￣ー￣) (￣ー￣))。还是先看场景,比如A组件现在要传值给他的子组件B,B组件的孩子C组件也要用到这个值,C组件的孩子D组件也要用到这个值。那么你可以选择以下2种方式实现1.使用props一级一级往下传2.使用vuex但是想想,是不是都有点麻烦？主题介绍一下Vue的依赖和注入。先看组件层级结构A是B的爸爸,B是C的爸爸,C是D的爸爸Vu