Я использую Trix Editor в Vue проекте, каждый раз, когда есть вложение trix-attachment-remove
событие вызывается всякий раз, когда вызывается функция sendMessage ().
<input
:id="loadId"
:value="loadValue"
type="hidden"
>
<trix-editor
:ref="loadRefs"
:input="loadId"
placeholder="Type here..."
:autofocus="autofocus"></trix-editor>
mounted () {
this.$refs[this.loadRefs].addEventListener("keydown", e => {
if (e.key === 'Enter') {
e.preventDefault()
this.sendMessage()
}
})
this.$refs[this.loadRefs].addEventListener('trix-change', e => {
this.body = e.target.innerHTML
this.$emit('input', e.target.innerHTML)
})
this.$refs[this.loadRefs].addEventListener('trix-attachment-add', this.uploadData)
this.$refs[this.loadRefs].addEventListener('trix-attachment-remove', this.removeUpload)
},
methods: {
sendMessage: function (e) {
this.$emit('sendMessage')
this.$refs[this.loadRefs].value = ''
},
uploadData: function (e) {
console.log(e)
},
removeUpload: function (e) {
console.log(e)
}
}