![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小葛要努力
这个作者很懒,什么都没留下…
展开
-
vue中的ref与$refs的使用
**ref:**用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 refs对象上。如果在普通的DOM元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向该子组件实例。ref特性就是为元素或子组件赋予一个ID引用,通过this.refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向该子组件实例。ref特性就是为元素或子组件赋予一个ID引用,通过this.refs对象上。如果在普通的DOM元素上使用,引用指向的就是DOM元素;如果用在原创 2021-10-08 15:42:04 · 404 阅读 · 0 评论 -
vue页面刷新
1.简单方法 this.$router.go(0)location.reload()2.使用方法用到 provide / inject 组合①首先修改app.vue文件,编辑内容如下:<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script>export default {原创 2021-10-08 11:09:28 · 79 阅读 · 0 评论 -
vue get与post传参方式
vue的封装接口中,post与get的传参方式是不同的1.post:用data传递参数/** * 添加动物种类 * @param {*} params * @returns */export function AddAnimalType (params) { return request({ url: baseUrl + '/addAnimalType', method: 'post', data: params })}调用代码:下面的 this.f原创 2021-08-31 14:43:47 · 3531 阅读 · 0 评论 -
vue调用接口(基础)
1.安装axios: cnpm install --save axios2.在main.js中引入import axios from '.axios'Vue.prototype.ajax = axios3.简单调用①get请求mounted () { this.$ajax({ method: 'get', url:'写入完整的接口地址' }).then(res => { alert(res.data.data) }).catch(err =>{ aler原创 2021-08-31 10:27:20 · 346 阅读 · 0 评论 -
vue登录页面实现记住密码的操作
首先看一下思路思路:①点击登录按钮→调用接口→如果调用成功,判断是否选择记住密码→如果选择记住密码,则把用户名与密码存到cookie中,否则清除cookie②点击返回登录页→在登录页created函数中获取用户名与密码赋值给input,checked设置为true代码如下,后面的数据展示可根据自身要求进行更改html代码 <div class="loginer"> <div class="login_m"> <div class="原创 2021-08-30 18:00:02 · 885 阅读 · 0 评论 -
router-link的传值及接收
一、利用router-link传值普通的router-link标签写法 <router-link to="/path/path">点击页面跳转</router-link>如果利用router-link传值 里边的 to="" 变成 :to="",下面以我的代码为例<router-link :to="{path: item.path, query: {value:chil.value, cindex:cindex}}">{{chil.title}}</ro原创 2021-08-30 16:52:56 · 2285 阅读 · 0 评论 -
前端面试题(整理)
1.什么时候需要清除浮动,清除浮动的方法有哪些?样式与当前div冲突时需要清除浮动。方法:(1)末尾额外增加一个空标签:(2)通过设置父元素overflow值设置为overflow:hidden;再IE6中需要出发hasLayout,例如zoom:1;(3)为父元素设置宽高(4)使用 br标签和其自身的 html属性:br 有 clear=“all | left | right | none” 属性<h2>2)使用 br标签和其自身的 html属性</h2>&l原创 2020-08-20 11:52:34 · 179 阅读 · 0 评论 -
Vue router的使用(学习笔记)
Vue router的使用(学习笔记)1、打开终端安装router命令如下npm install vue-router或cnpm install vue-router(建议使用cnpm下载)或yarn add vue-router2、在新建router.js中引用如下代码(文件健在src目录里)import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src中新建view文件夹,在view新建例如原创 2020-07-24 11:39:39 · 1584 阅读 · 0 评论 -
Vue组建的使用(详细步骤)
Vue组件的使用详细步骤我们在了解vue的目录时,可只知道在src文件夹下1.原创 2020-07-23 22:52:00 · 488 阅读 · 0 评论 -
Vue组件传值:父传子、子传父(1)
父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息1.父传子:(子组件用props接收父组件传过来的数据)(1)简单案例:父组件代码<template> <div> <Hellow msg="父传子"/> //在父组件中引入子组件,并通过msg传"父传子"这个字符串 </div></template>子组件代码<template>原创 2020-07-23 22:38:11 · 194 阅读 · 0 评论 -
Vue声明式渲染、条件与循环、事件绑定、双向绑定、生命周期
Vue声明式渲染、条件与循环、时间绑定、双向绑定、生命周期1.Vue声明式渲染采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统<div id="app"> {{ message }}</div> data: { message: 'Hello Vue!'+ new Date().toLocaleString() }列表渲染v-for:可以绑定数组的数据来渲染一个项目列表<div v-for="(value,name,index) in原创 2020-07-22 16:40:11 · 280 阅读 · 1 评论 -
vue目录
node-modules:npm加载的项目依赖模块src:要开发的目录包括(assets:放置图片;components组文件;APP.Vue项目入口文件main.js 项目的核心文件)package.json:项目配置文件index.js:首页入口文件README.md:项目的说明文档bulid:项目构建相关代码config :配置目录,包括端口号static:静态资源目录,如图片字体等test:初识测试目录,可删除...原创 2020-07-21 13:44:32 · 147 阅读 · 1 评论 -
vue的安装及创建项目
vue的安装及创建项目1.安装过程(1)安装git工具(2)安装node,检查node安装是否成功:node -v(3)检查npm是否安装成功:npm -v (如果node安装成功,npm基本就没问题)(4)安装cnpm 网站:https://developer.aliyun.com/mirror/NPM?from=tnpm命令:npm insatll -g cnpm --registry=https://registry.npm.taobao.org检验是否成功:cnpm(5) 安装yar原创 2020-07-21 11:33:43 · 270 阅读 · 1 评论