Vue中v-bind=“$attrs”的使用方法
$attrs
主要用于组件之间的隔代传值。例如有 父组件A,子组件B,孙组件C 三个组件。
在A组件中传值给C,可直接在B中的C上设置v-bind="$attrs",然后在C组件中用prop接收,此时就直接把值传给了C。
用法如下:
组件A
<template><bCom msg='123'/>
</template>
组件B
<template><cCom v-bind="$attrs"/>
</template>
组件C
<template><div>A传递过来的值:{{msg}}</div>
</template><script>
export default {name: 'cCom',props: {msg:{ //接收A传递的msgtypeof:String,default:''}},
}
</script>
组件隔代通讯其它相关用法:
Vue中v-on=“$listeners“的使用方法https://blog.csdn.net/weixin_44594219/article/details/127259825?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22127259825%22%2C%22source%22%3A%22weixin_44594219%22%7Dvue2中EventBus的使用方法
https://blog.csdn.net/weixin_44594219/article/details/127248681?spm=1001.2014.3001.5502
Vue中v-bind=“$attrs”的使用方法相关推荐
- vue指令写在html中的原理,详解Vue中的MVVM原理和实现方法
对Vue中的MVVM原理解析和实现首先你对Vue需要有一定的了解,知道MVVM.这样才能更有助于你顺利的完成下面原理的阅读学习和编写下面由我阿巴阿巴的详细走一遍Vue中MVVM原理的实现,这篇文章大家 ...
- vue中展示列表,类似formatter方法及在vue中点击页面信息事件
后台返回文件路径及文件名,前端展示只需要展示文件名,在Easyui中使用formatter方法很轻松就实现了,在vue中,需要使用过滤方式: formatterfj方法为截取字符串返回文件名 该方法应 ...
- vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
- jsx怎么往js里传参数_在vue中使用jsx语法的使用方法
什么是JSX? JSX就是Javascript和XML结合的一种格式.React发明了JSX,利用HTML语法来创建虚拟DOM.当遇到 我为什么要在vue中用JSX? 想折腾一下呗,开玩笑.最开始是因 ...
- Vue中同级组件之间的通讯方法(详解)
比如我想在userVue.vue中调用headVue中的方法 1.首先先创建一个avatarRealTime.js,来打开组件之间的通讯接口 avatarRealTime中代码如下:引入vue,暴露出 ...
- 【Vue】class style:Vue中的两种样式处理方法
class属性 1.基本的class使用 <!DOCTYPE html> <html lang="en"> <head><meta cha ...
- vue中nbsp;失效的解决方法
在vue中此种空格无效 <p>'助力数字政务 打造智慧信息系统 规范管理.让交易更安全便捷</p> 使用v-html=''可原样输出 <p v-ht ...
- vue中获取外网IP的方法
记一下如何在vue项目中获取外网IP 之前有篇文章js获取客户端真实IP记录了如何获取外网IP 那个只是在普通html页面当中的获取方法,在vue项目中就不能这么使用了. 这里介绍一种适用于vue项目 ...
- vue 读取ajax数据,详解vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
- vue input只能输入正整数_前端开发:Vue中获取input输入框值的方法
在前端开发过程中,会用到各种各样的基础组件,一些常用的组件的使用方法一定要滚熟于心,对于刚入门的新手来说,对基础知识的熟练掌握很重要,如果不熟练就会影响开发速度.那么本篇博文就来分享一个比较基础的知识 ...
最新文章
- Spring 注解 @Resource和@Autowired(转)
- git 修改全局配置
- 前后端分离模式下的权限设计方案
- Spring Restful Web服务示例 - 使用JSON/Jackson和客户端程序
- DSB2017第一名论文理解: 3D Deep Leaky Noisy-or Network(三)
- C/C++ assert()函数用法总结
- 数据挖掘相关代码实践
- php mysql 命令行模式_phpstudy(mysql命令行的增删改查)
- QTouch Linux 组态软件
- Latex找不到字体:Package fontspec: The font “simsun“ cannot be found
- 影像系统需求分析及架构概要
- root登陆mysql怎么登_怎么登录 mysql
- pythonwhile冒泡排序_python冒泡排序
- 功利主义穆勒思维导图_浅析穆勒的功利主义思想及现实意义
- Context-free grammar 与 BNF,ASN.1
- 视频教程-【跟一夫学设计】从0基础到精通学全套coreldraw x7轻松掌握CDR基础加案例学习视频教程-CorelDraw
- 计算机网络多项式的定义,多项式的定义与概念
- PS CC2018 命令大全
- 字体抗锯齿(-webkit-font-smoothing)
- THREE.JS 使用CUBECAMERA相机创建反光效果
热门文章
- VC6.0中clw、ncb、aps文件的作用
- Data Science Foundations: Data Mining 数据科学基础:数据挖掘 Lynda课程中文字幕
- 【LG006.精灵传说】我是定时器
- 自动驾驶算法详解(5): 贝塞尔曲线进行路径规划的python实现
- 5G模块可以注册到4G,不能注册到5G;SIM卡接到5G手机是可以注册到5G网络的?
- 冰球项目日志4-yjw
- Excel将单表复制追加到另一个未打开的工作簿
- matlab初值的非线性最小二乘,非线性最小二乘最优化
- Pulsar_01_基本介绍
- python opencv相机参数