screen_rotation
Copied to Clipboard
<html> <head> <script type="importmap"> { "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } } </script> <body> <div id="app"> <h2>Vue js String Substr Method </h2> <p>Extract part of text in Vue Js </p> <button @click="myFunction">click me</button> <p>Text: {{text}}</p> <p>Part of string :{{results}}</p> </div> <script type="module"> import { createApp } from 'vue' createApp({ data() { return{ text :'Font Awesome icons offer an easy way to integrate stylish graphics into webpages, with a huge library of over 1500 free vector icons and tutorials to help beginners learn more quickly', results:'' } }, methods:{ myFunction(){ this.results = this.text.substr(0,18); }, } }).mount('#app') </script> </body> </head> </html>