Hi friends,
I have a problem cuz im new in vuejs and pagekit and i trying add a external component to my form.
The component is vue-text-mask
I have a model/input-phone.vue with code example
Code
- <template>
- <div>
- <label>Phone Number</label>
- <masked-input type="text" name="phone" class="uk-width-1-1" v-model="phone" :mask="['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]" :guide="false" placeholderChar="#">
- </masked-input>
- </div>
- </template>
- <script>
- import MaskedInput from 'vue-text-mask'
- export default {
- name: 'name',
- components: {
- MaskedInput
- },
- data () {
- return {
- phone: ''
- }
- }
- }
- </script>
So i call to the component in app/views/admin/my location-index.js
and this is a extract of my location-index.php
And my form doesnt show my input-phone component.. Whats wrong?
[Blocked Image: https://ibb.co/287nCK8]
Thanks for ur help. btw happy new year!