【vue3】ref获取dom元素,element-plus方法的使用(以走马灯next、prev方法为例)

以element-plus走马灯 next、prev 方法为例;

功能:另外添加两个按钮,实现轮播图的上下张切换。

【vue3】ref获取dom元素,element-plus方法的使用(以走马灯next、prev方法为例)_第1张图片

【vue3】ref获取dom元素,element-plus方法的使用(以走马灯next、prev方法为例)_第2张图片 【vue3】ref获取dom元素,element-plus方法的使用(以走马灯next、prev方法为例)_第3张图片

【vue3】ref获取dom元素,element-plus方法的使用(以走马灯next、prev方法为例)_第4张图片

⚠️注意:如果 script 写成了如下这种形式(defineComponent),记得一定要将carousel  return(如下代码),否则会报错。defineComponent里组件ref属性的写法:

你可能感兴趣的:(vue3,vue.js,前端,javascript)