需求：外邊框（dv-border-box-3）動態生成，裡面的圖形正確渲染
this.$refs.drag_draggable 是陣列問題：單個圖形沒問題，多個圖形渲染的時候，vue會將最新生成的component放在陣列末尾，儲存圖形渲染的資料也是陣列（渲染的時候會從陣列中獲取到當前操作的資料），這樣會遇到資料和component不匹配，渲染的時候會出現其他的圖形
解決思路：
1、每次操作的時候，把當前操作的資料移動到陣列末尾。 問題：移動難度大，修改頻繁 放棄
2、邊框外層的元件是固定的，通過$children定位到渲染的元件，呼叫相應的方法（我現在是用的這個方法）
this.$refs.drag_draggable[i].$children[0].$children[0].renderhtml(i)
react 八 父元件渲染，子元件不渲染
父元件渲染，子元件跟著渲染，不論引數是否變化，這是個坑 解決思路 步驟一 將html內容新增到狀態變數 constructor 步驟二 在render中將html替換成狀態變數 步驟三 觸發子元件渲染時，設定狀態變數 handlescroll 底部元件響應樣式 scrolltop 900?local...
子元件改變父元件的值
子元件改變父元件的值，會報錯。其實是採用單向資料流，子元件不能直接改變父元件的值，是以單向資料流的方式流轉資料。可以採用以下兩種減少 量的方式改變父元件的值 忽略on和emit事件方式 方法一 xx.sync 和 emit update xx vue.component child button 1...
子元件傳值給父元件
原理 在父元件引用子元件時，通過事件繫結機制把乙個方法aaaa的引用傳給子元件，這個方法中可以有各種引數，子元件在觸發自己的函式或者某些資料發生變化時，觸發 事件繫結機制繫結的函式，通過引數的方式將要傳的值傳過來，父元件中處理，也就接到了子元件的值 最開始父元件本身有乙個方法 fathermetho...