onready怎么加img_用插件VMarker在vue中给图片加标记

插件VMarker:Vmarker是基于ui-picture-bd-marker的vue封装，当Vmarker不足并存在现有要求或难以基于Vmarker扩展，此时可以绕过Vmarker进行扩展，直接使用ui-picture-bd-marker扩展即可。

使用方法：

1.安装依赖

npm install vue-picture-bd-marker

2.在vue文件中引入Vmarker，为VMarker设定别名并作为组件引入

注：css样式已经在Vue-picture-BD-Marker中引用过了

id="el-form"

ref="testForm"

label-position="left"

label-width="130px"

>

v-for="(item,index) in testForm.sign"

:key="index"

:label="`标记${index + 1}`"

style="margin:20px 0"

>

v-if="currentImg.length !== 0"

:ref="`aiPanel-editor${index}`"

class="ai-observer"

:class="`cs${index}`"

:img-url="currentImg[index]"

:read-only="readOnly[index]"

@vmarker:onUpdated="onUpdated(index)"

@vmarker:onImageLoad="onImageLoad(index)"

@vmarker:onDrawOne="onDrawOne(index)"

@vmarker:onReady="onReady(index)"

@vmarker:selectOne="selectOne"

@click.native="changeBack(index)"

/>