Vue
文章平均质量分 86
崔雨田
这个作者很懒,什么都没留下…
展开
-
使用 vue cli 创建vue 项目并使用 vue- router、axios 前后端交互
安装 vue clinpm install -g @vue/clinpm uninstall -g @vue/clinpm install -g @vue/cli@3.11.0创建项目使用vue cli 脚手架创建一个vue的项目, CMD输入一下命令之后,vue 会自动帮助我们下载项目所需要的依赖文件。vue create projectname运行项目cd init npm run serve按照提示操作完成之后,项目会进行自动的构建,构建完成之后, 此时一个Vue的项目原创 2020-11-18 19:36:25 · 582 阅读 · 0 评论 -
Vue添加回车事件, 点击回车自动调用搜索函数
目的在属于框中点击回车, 会自动调用搜索函数实现在输入框中绑定事件 @keyup.enter.native="handleEnterKeyFilter" <el-input v-model="listQuery.name" style="width: 200px;" class="filter-item" :placeholder="'请输入系统名称'" @keyup.enter.native="handleEnterKeyFilter"原创 2020-08-28 11:44:13 · 1677 阅读 · 0 评论 -
修改 vue-admin-template mock数据为请求本地接口
1、后端接口登录接口此处需要返回的是用户信息以及登录后的token , 后端配置:port : 8001路径:/api @GetMapping("/user/info") public ResultVO<HashMap> getInfo(String token) { log.info("get user info : " + token); String username = jwtConfig.getUsernameFromTo原创 2020-08-02 18:17:32 · 6512 阅读 · 8 评论 -
详细分析 vue-admin-template
vue-admin-template流程分析!原创 2020-08-02 17:53:07 · 32058 阅读 · 4 评论 -
Vue入门到实战(3)
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component></my-原创 2020-08-02 10:59:33 · 1253 阅读 · 0 评论 -
Vue 入门到实战(2)
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio" id="m原创 2020-08-02 10:58:40 · 1362 阅读 · 0 评论 -
Vue 入门到实战(1)
Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */原创 2020-08-02 10:57:22 · 3451 阅读 · 0 评论