Vue点击按钮弹框

1、设置点击事件

template:

<vxe-form-item title="新产品码（临时）" field="newProductCode" :item-render="{}">
                            <vxe-toolbar>
                                <template #buttons>
                                    <vxe-input type="search" placeholder="请选择" @click="selectNewProductCode"></vxe-input>
                                </template>
                            </vxe-toolbar>
                        </vxe-form-item>

 

script:

 return {

                showProductCodeData:false,
                newProductCodeData: [

                ],
                formItems: [

                ],
            }

 

2、设置弹框

template:

 

 <vxe-modal v-model="showProductCodeData" title="请选择新产品码" width="800" min-width="600" min-height="300" resize destroy-on-close>
                        <template #default>
                            <vxe-form :data="newProductCodeData" :items="formItems"  title-align="right" title-width="100"></vxe-form>
                        </template>
                    </vxe-modal>

 

script:

  selectNewProductCode() {
                this.showProductCodeData = true
            },