vue element 回车登录

5 篇文章 0 订阅
3 篇文章 0 订阅

监听键盘来触发登录事件

		created() {
            window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
        }
		handkeyCode(e) {
                let key = null;
                if (window.event === undefined) {
                    key = e.keyCode;
                } else {
                    key = window.event.keyCode;
                }
                if (key === 13) {
                    this.onSubmitUser('formUser'); //登录事件
                }
         },

转载 : https://blog.csdn.net/weixin_55560445/article/details/114420048

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在新建一个Vue项目并引入Element UI的步骤如下: 1. 首先,确保你已经安装了Vue CLI和Node.js。Vue CLI可以通过在终端运行以下代码进行安装: ``` npm install -g @vue/cli ``` 安装完成后,你可以通过运行以下代码来验证是否安装成功: ``` vue --version ``` 同样,确保你已经安装了Node.js,你可以通过在终端运行以下代码来验证是否安装成功: ``` node --version ``` 2. 使用Vue CLI创建一个新的项目。打开终端,进入你想要创建项目的文件夹,并运行以下代码: ``` vue create 项目名 ``` 这将创建一个名为"项目名"的新的Vue项目。运行以上命令后,会提示你选择一些配置选项,你可以根据你的需要进行选择,或者直接按回车键选择默认选项。 安装完毕后,你可以通过以下命令进入项目文件夹: ``` cd 项目名 ``` 3. 安装Element UI。在终端中运行以下代码: ``` npm install element-ui ``` 4. 在main.js文件中引入Element UI。打开src文件夹,找到名为main.js的文件,并在文件开头添加以下代码: ```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 5. 至此,你已经成功引入了Element UI。你可以在项目的其他Vue文件中按照Element UI的文档使用它的组件,例如在组件中引入Button组件: ```vue <template> <div> <el-button>按钮</el-button> </div> </template> <script> export default { name: 'MyComponent', // ... } </script> <style> /* ... */ </style> ``` 以上就是将Element UI引入到Vue项目中的步骤。通过按照以上步骤操作,你可以使用Element UI的各种组件来构建你的Vue应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值