question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Button is disabled

See original GitHub issue

When I instantiate the button with:

<v-button @click.prevent="submitRegister" type="primary" @click.prevent="submitLogin">Submit</v-button>

It is disabled with disabled="disabled". I tried it with :disabled="false" but without success.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
yuu2lee4commented, Jan 20, 2017

Im sorry to tell you vue-beauty is based on vue1.0,so you cant use it with vue2.x.Please pay attention to the next branch.We will built a 2.0 version recently which support i18n.

0reactions
ndabAPcommented, Jan 20, 2017

Sure, thanks for your attention.

OS: Ubuntu 16.04 (through Vagrant) Browser: Chrome 55.0.2883.87 Vue.js: 2.1.0 Vue Beauty: 0.0.10

I also get these warnings:

[Vue warn]: Do not use built-in or reserved HTML elements as component id: menu [Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog [Vue warn]: class=“{{this.prefixCls}}-explain”: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">. [Vue warn]: : v-model does not support dynamic input types. Use v-if branches instead. [Vue warn]: disabled=“{{disabled}}”: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">. [Vue warn]: class=“anticon anticon-{{icon}}”: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">.

The fifth warning refers to this issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML DOM Button disabled Property - W3Schools
The disabled property sets or returns whether a button is disabled, or not. A disabled element is unusable and un-clickable. Disabled elements are...
Read more >
HTML button disabled Attribute - Dofactory
Thedisabled attribute specifies that the button is disabled. The button appears grayed out and is not usable. Disabled buttons are not included in...
Read more >
HTML <button> disabled Attribute - GeeksforGeeks
The disabled attribute for <button> element in HTML is used to specify that the button is disabled. A disabled button is un-clickable and ......
Read more >
Frustrating Design Patterns: Disabled Buttons
Disabled buttons don't explain what's wrong. They communicate that something is off, but very often it's just not good enough. As a result,...
Read more >
How to disable an HTML button element - Nathan Sebhastian
You can disable the <button> element in HTML by adding the disabled attribute to the element. The disabled attribute is a boolean attribute ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found