vue-material
vue-material copied to clipboard
Published
20 hours ago •
vuematerial
vuematerial
<md-file> 'badInput' of undefined
vue:634
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'badInput' of undefined"
found in
---> <MdFile>
<MdField>
<Root>
vue:1897
TypeError: Cannot read property 'badInput' of undefined
at VueComponent.isInvalidValue (vue-material:6)
at VueComponent.<anonymous> (vue-material:6)
at Array.<anonymous> (vue:1989)
at flushCallbacks (vue:1915)
My code snippet
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1,minimal-ui" name="viewport">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons">
<link rel="stylesheet" href="https://unpkg.com/vue-material/dist/vue-material.min.css">
<link rel="stylesheet" href="https://unpkg.com/vue-material/dist/theme/default.css">
</head>
<body>
<div id="app">
<md-field>
<label>Upload files</label>
<md-file v-model="file" placeholder="A nice input placeholder" />
</md-field>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-material"></script>
<script>
Vue.use(VueMaterial.default)
new Vue({
el: '#app',
data: {
file: null
},
})
</script>
</body>
</html>
That is also happening to me while changing the value of a md-select.
<md-field>
<md-select v-model="country" name="country" id="country" placeholder="Country">
<md-option value="italy">Italy</md-option>
<md-option value="australia">Australia</md-option>
<md-option value="japan">Japan</md-option>
<md-option value="united-states">United States</md-option>
</md-select>
</md-field>
I think that the error was introduced in this merge #2108 in 1.0.0-beta-15 release.
I have the same issue. It doesn't impact the functionality of my app but it would be good to get it fixed. It seems like a fix was approved and passed the checks in #2262 but it hasn't been merged yet. Can anyone give us an update on the issue?
