<payment v-if="visible && rowData.processNumber === this.ProcessNumber.PAYMENT" :readonly="rowData.applyId !== rowData.sysMatterId && rowData.processStatus !== this.ProcessStatus.REAPPLYWAIT &&!isCopy" :show-temp-save="rowData.applyId === rowData.sysMatterId" :show-delete="rowData.applyId === rowData.sysMatterId && !isCopy" :show-stop="rowData.processStatus === this.ProcessStatus.REAPPLYWAIT && !isCopy" :form-data="rowData" :is-copy="isCopy" > <CustomContent slot="custom" :data="rowData" :timeline-show="rowData.approveHisList && rowData.approveHisList.length !== 0 && !isCopy" :info-show="false" :btn-show="false" @success="backBtnClick" :processUrlPrefix="ProcessUrlPrefix.PAYMENT" :pullback-show="rowData.processStatus === this.ProcessStatus.APPROVEWAIT && !isCopy" /> </payment>

这是Vue.js中使用自定义组件payment进行渲染的代码。其中，v-if指令用于根据条件判断是否渲染该组件。该组件包含一些属性，如readonly、show-temp-save、show-delete、show-stop、form-data和is-copy。这些属性会传递给该组件，在组件内部进行处理和渲染。

此外，该组件还包含一个名为CustomContent的插槽，可以在父组件中传递数据并进行自定义渲染。插槽中的数据包括rowData、timeline-show、info-show、btn-show、processUrlPrefix和pullback-show。其中，@success事件用于在子组件内部触发回调函数backBtnClick。