All Questions
Tagged with materialize vue.js
58 questions
3
votes
1
answer
684
views
Vue 3 button is jumping on v-show
Can anybody advice how can I fix this jumping button?
I am using MaterializedCSS framework.
<h3 class="my-3">{{ name }}</h3>
<hr />
<transition name="fade&...
- 621
0
votes
1
answer
56
views
Materialize scrollspy is changing the URL and refreshing the page
Materialize scrollspy (https://materializecss.com/scrollspy.html) is changing the URL and refreshing the page.
I have used the same code mentioned in the Materialize document in my Vue.js project for ...
- 6,017
0
votes
1
answer
655
views
Materializecss & vue3: how to use sass @extend to color text?
I've installed materializecss in my Vue 3.0 project using npm.
It's imported in my main.js:
import 'materialize-css/dist/css/materialize.min.css'
Everything works fine, but when I want to use @extend ...
- 686
3
votes
3
answers
5k
views
Vuejs populate select options from api
Im begginer in VueJs so i have this problem
Here my code
<md-select placeholder="Seleccione Lote" v-model="selectedLote" name="lotes" id="lotes">
<...
- 31
0
votes
1
answer
1k
views
How to access vue3 methods from event listener callback function
Description
In the mounted() part of the component I add an event listener, which should call one of the methods.
Code
export default {
methods: {
changeState: function(el) {console.log(el);}
}...
- 1,237
1
vote
0
answers
33
views
Using materializecss in vuejs. How i can pass options to the javascript components?
Like this options object
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.materialboxed');
var instances = M.Materialbox.init(elems, {...
- 13
0
votes
1
answer
150
views
Changing Materializecss select text colors
I'm using Materaliizecss select in two separate vue.js components. In one component I want the select text color to be white, the other component I want the select text color to be black.
In the first ...
- 912
0
votes
1
answer
3k
views
How I can add data-icon attribute in select option using vue.js
UPD.
before modify
dataIcon: " @/images/flag-ukraine.svg"
after modify
dataIcon: require("@/assets/svg/flag-ukraine.svg"),
difference in require()
I have materializecss select
...
1
vote
0
answers
564
views
Problems with materialize.js 1.0.0 and jQuery 3.5.1 in a Vue CLI 4 project
My first time here. I'm new to Vue.js and I'm also trying Vue CLI for the first time.
I want to try Materialize CSS in a Vue CLI 4 project, but I'm having trouble with the jQuery part.
Just trying a ...
- 11
0
votes
1
answer
356
views
Materialize autocomplete not updating v-model of Vue app
So I'm using Django, Vue, and Materialize. Just using Vue to have some smoother functionality.
I have a text input that has a v-model on it. I'm also using Materialize's autocomplete component on it.
...
- 65
1
vote
3
answers
1k
views
Materialize tabs persist active tab on page refresh
I am building a single page application using vue.js with materialize and I have a navbar with tabs to navigate to different pages on my website. Materialize's tabs has an active property that ...
- 2,694
0
votes
1
answer
264
views
Vue.js materialize datepicker not showing
I am using materialize in my Vue.js project I am having issues with displaying materialize's datepicker this is the code i have.
<form class="form">
...
<input type="text" class="...
- 2,694
0
votes
0
answers
295
views
MaterializeCSS collapsible not working with v-for loop in vue js
I just started implementing Vue JS to my existing project with having very basic knowledge and minimal implementation.
My entire project is on Codeigniter 3 as backend framework and using html5, css3 ...
- 796
0
votes
1
answer
920
views
Fill materialize autocomplete component with vue variable
i'm using the matarialize autocomplete component and i need to set its data with an array stored in vue.js
data:{
param:[]
},
mounted(){
this.init();
...
1
vote
1
answer
900
views
Create materialize toast action in Vue
I use materialize.css to create Toast
const toastHTML = '<span>I am toast content</span><button class="btn-flat toast-action">Undo</button>';
M.toast({html: toastHTML});
I ...
- 401