Enhanced E-Commerce Tracking with this library?

[simplenotezy]

How do I send enhanced e-commerce tracking with this library? Currently I have tried like so:

		this.$gtag('event', 'transaction', {
			ecommerce: {
				purchase: {
					actionFields: {
						id: '123',
						revenue: '4.56',
						tax: '0.00',
						shipping: '1.00',
						coupon: ''
					},
					products: [
						{
							id: this.product.id,
							name: this.product.title
						}
					]
				}
			}
		});

The event does indeed fire, but nothing shows up in Google Analytics.

Not sure if I have to approach this differently.

[simplenotezy]

I have also tried with:

		this.$gtag('event', 'purchase', {
			transaction_id: '123',
			value: 4.56,
			currency: 'EUR',
			tax: '0.00',
			shipping: '1.00',
			coupon: '',
			items: [
				{
					id: this.product.id,
					name: this.product.title,
					price: '123',
					quantity: 1
				}
			]
		});

Same issue. Event gets fired, but no data show up in Analytics or in "GTM/GA Debugger for Chrome" under Enhanced E-commerce tab.

[simplenotezy]

After several attempts to modify the event data in different ways, and hours of debugging, I failed to get enhanced e-commerce tracking to work with this library.

I instead tried my luck with https://github.com/mib200/vue-gtm and it worked after 5 minutes.

I can send a purchase event like so:

		this.$gtm.trackEvent({
			event: 'transaction',
			ecommerce: {
				purchase: {
					actionFields: {
						id: '123',
						revenue: '4.56',
						tax: '0.00',
						shipping: '1.00',
						coupon: ''
					},
					products: [
						{
							id: this.product.id,
							name: this.product.title
						}
					]
				}
			}
		});

[nachiomdq]

It's and old post, but thanks @simplenotezy i was stuck on the same problem. I will try to move to vue-gtm, because this module doesn't work at all with transactions.