vue3 how to dynamically set colNum and rowHeight?

[strongQ]

dynamically set property not work,only can set static。how to do ?

 <smart-widget-grid @layout-before-mount="gridMount"   :colNum="colNum" :rowHeight="rowHeight"  :layout="tags"  draggable="true" @dragover="onEnd" @dragenter="onEnter">
</>


// ts

query=>{
  rowHeight.value=res.data.result.rowHeight;
  colNum.value=res.data.result.colNum;
}