记录ant design vue库的drawer、select、modal组件怎样自定义挂载点

1、drawer自定义挂载点的方法为

在这里插入图片描述
使用方法:

<div ref='container'>
	<a-drawer
	      class="model-service-add-omai-dialog"
	      :title="title"
	      :closable="true"
	      placement="right"
	      :visible="dialogVisible"
	      @close="handleClose"
	      :get-container="() => {return this.$refs.container}"
	    >
	</a-drawer>
</div>

// 或者
<div ref='container'>
	<a-drawer
	      class="model-service-add-omai-dialog"
	      :title="title"
	      :closable="true"
	      placement="right"
	      :visible="dialogVisible"
	      @close="handleClose"
	      :get-container="getContainer"
	    >
	</a-drawer>
</div>
methods: {
    
    
	getContainer() {
    
    
		return this.$refs["container"];
	}
}

2、select官网提供的挂载方法为

在这里插入图片描述在这里插入图片描述
但是发现这样使用会报错,eslint报错,百度了很久找到个解决办法,如下

<a-select
     v-if="inputVisible"
     :open="openSelect"
     ref="input"
     v-model="tagIds"
     style="width: 130px;"
     mode="multiple"
     @blur="handleInputConfirm"
     @keyup.enter="handleInputConfirm"
     :getPopupContainer="triggerNode => {
     return triggerNode.parentNode || document.body;
     }"
   >
     <a-select-option v-for="itm of dwOptions" :key="itm.id + ''">
       {
   
   { itm.name }}
     </a-select-option>
   </a-select>

猜你喜欢

转载自blog.csdn.net/qq_36877078/article/details/127538124
今日推荐