Open link externally is system browser


#1

My project is [V2] vue, i have
<a :href="files.book1.url" target="_blank" class="uploadimg" v-if="files.book1.file">{{bookdata.title + '.pdf'}}</a>

this will be result as
<a href="https://firebasestorage.googleapis.com/v0/b/ccc.appspot.com/o/books%2F1517899967929-book1.pdf?alt=media&amp;token=4cd66451-7781-4117-9484-ea1b0ca5438f" target="_blank" class="uploadimg">New Book1.pdf</a>

files.book1.url is generated based the selected book, i want to let the user download it, so open in system browser will do that, but f7 does not let me open it externally,
how can make this open in system browser ?


#2

Add the class ‘external’ to the link.


#3

thanks, let me try that


#4

Also try to install cordova-plugin-inappbrowser and set link’s target to _system


#5

class external did the job :smile: