vue2/vue3中css使用data中的变量
vue2中使用setProperty
vue3中使用v-bind('变量名') 或者写行内样式使用变量
带插槽的h函数
return h( NTooltip, { trigger: 'hover', }, { trigger: () => h( 'div', { class: 'a-action-btn', onClick: () => play(row.ctabalias, item), }, { default: () => item, }, ), default: () => (item === '求和' ? '求和只支持数字类型' : item), }, );
作者：若曦1
链接：juejin.cn/post/715865…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
组件
子调用父元素方法
父元素给子元素传递函数 子元素props接收(子元素中就可以当做正常函数使用)
组传孙
provide inject (provide只能用在setup里不能再往里了) 祖 import { provide } from 'vue'; （ 如果ctabcode是动态的需要监听 const ctabcode = computed(() => { return main.clefttab.ctabcode; }); ） provide('ctabcode', ctabcode); 孙 import {inject } from 'vue'; const ctabcode = inject('ctabcode');
刷新子组件
改变子组件的key值
v-if v-show
v-if dom元素的销毁重建 适合一次隐藏显示耗费性能 v-show display:none 适合频繁切换 dom元素并不销毁只是设置css属性的显示隐藏
