Vue3自定义指令如何修改组件中的变量值Vue3自定义指令如何修改组件中的变量值 Component.vue row.j

Vue3自定义指令如何修改组件中的变量值

Component.vue

const row = ref(0);

function set(value) {
  row.value = value;
}

row.js

export default function row(el: HTMLElement, binding: any, vnode) {
  console.log(vnode);
  const el_height = el.clientHeight;
  const el_line_height = parseInt(getComputedStyle(el)['line-height']);
  const row = el_height / el_line_height;
  binding.value.set(row);
}