vue.js 父組件和子組件獲取對方的方法和屬性的方式

原創 buling girl 2020-07-01 15:03

1.父組件獲取子組件的數據和方法

  1.調用子組件的時候 定義一個ref
  <policy-info-common ref="policyInfoRef"></policy-info-common>
  2.在父組件裏面通過
  this.$refs.policyInfoRef.屬性
  this.$refs.policyInfoRef.方法

2.子組件獲取父組件的數據和方法

this.$parent.屬性
this.$parent.方法
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

vue-router路由按需加載

const login = resolve => require(['@/views/login.vue'], resolve) const Error = resolve => require(['@/views/Error.v

你蠢哭我咯 2020-07-07 22:25:48

vue監聽滾動條-吸頂

mounted(){ window.addEventListener('scroll', this.handleScroll) } handleScroll () { var scrollTop = windo

你蠢哭我咯 2020-07-07 22:25:48

vue-cli3用vant框架rem適配方案

1.在node安裝插件 npm install lib-flexible postcss-pxtorem --save 2.在main.js 文件中引入 import ‘lib-flexible/flexible.js’,

buling girl 2020-07-07 17:55:57

element table中下拉框編輯事件

表格： <el-table ref="tablestu" v-bind:data="tablestu.items" size="mini" fit stripe border

wyljz 2020-07-06 22:35:05

elementui 隱藏tabs

百度查出幾個 this.$nextTick(function () { this.$refs.tabs.$children[0].$refs.tabs[2].style.display="none

wyljz 2020-07-06 22:35:05

vue 處理表格數據：一行放多個記錄

後端返回的是一條一條的數據，前端需要在一行中顯示三個記錄，並且每列的排序號需要依次排 table代碼： <table class="t4" border="1" cellpadding="1" cellspacing="1" a

wyljz 2020-07-06 22:35:05

elementui upload與form一起提交

學生基本信息管理操作中，有照片，可以上傳也可以不上傳，在表單界面可以修改照片，el-upload控件可以帶額外參數提交，jquery的post模擬不了成表單帶文件提交的方式，因此，判斷如果有上傳文件時，用el-upload的sub

wyljz 2020-07-06 22:35:05

vue+elementui+lodop打印表格

非單頁結構，是在mvc視圖中引用vue和elementui來使用的，打印el-table表格內容時，可能是因爲樣式的原因，打印的格式很難調整，在界面中增加一個隱藏的div，裏面放個table，獲取數據後填充table，打印這個ta

wyljz 2020-07-06 22:35:05

springboot中使用vue+element+jsp搭建界面框架

項目使用springboot做後端開發，前端使用vue，ui部分使用了element，頁面使用spring mvc的路由控制，js是寫在jsp文件中的，沒有使用vue的cli工具搭建單頁面框架，是考慮到使用後端做權限控制只做一套就

wyljz 2020-07-06 22:35:05

elementui Container工具欄，表格，分頁佈局

樣式如圖 最上邊是搜索條件與操作按鈕，中間是查詢結果表格，下邊是分頁，要在瀏覽器大小改變時控件可以折行，但是不能被其他層遮蓋，需要動態計算header與表格的高度，footer的高度設置各固定值就可以 @{ ViewB

wyljz 2020-07-06 22:35:05

elementui 樹形表格懶加載與全部摺疊

<div id="app"> <el-table ref="tabletree" size="mini" :data="data" :height="tablehe

wyljz 2020-07-06 22:35:05

Vue.js插值

vue.js在插入數值的時候有三種方式 1、插入純文本 插入純文本是最簡單的方式，使用雙大括號就能插入想要的值。 <span>{{ msg }}</span> mustache也可以在屬性中使用 <div id="item-{{

-老K- 2020-07-06 22:34:19

vue.js（2.0）常用指令總結以及一些指令的坑！

**悽悽慘慘悽悽切切，時間又來到了公元2017年8月11號，最近小飛飛在學習vue.js，在學習的過程中總結了一些vue中常用的指令和坑！不希望後來小夥伴再踩了！** 《1》 先說一些最基本的指令也就是最常用的唄。 `v-b

小飞飞007 2020-07-06 01:40:56

2020前端開發常問面試題目（不定期補充）

最近面試招人，加上自己面試各種公司的經歷（深圳），不定期補充一些面試常問的問題，分享給大家，理論問題爲主，筆試的話建議大家直接去刷題哦。 1.什麼是BFC？一個塊格式化上下文（block formatting context） 是

Jack-小俊 2020-07-03 19:33:50

elementUI 動態加載table列

需求： 根據需要選擇動態展示table列表； 用for循環來控制列表展示，使用checkbox 來控制哪些數據顯示 <template> <div> <el-button type="primary" @clic

buling girl 2020-07-01 15:03:44