全部 Vue JavaScript TypeScript React NodeJs Css

分类：Vue

枫雨 3年前 Vue

Vue中路由的别名和重定向

import Vue from 'vue' import VueRouter from 'vue-router' //第三方库需要use一下才能用 Vue.use(VueRouter) //引用页面 import About from './about.vue' import Home from './home.vue' import Info from './info.vue' //定义routes路由的集合，数组类型 const routes = [ //单个路由均为对象类型，path代表的是路径，component代表组件 { path: '/about', compon...

1211 2 1

vue-ts启用eslint报错问题

枫雨 3年前 Vue

vue-ts启用eslint报错问题

1.解决双引号报错问题在项目根目录创建文件.prettierrc.json，添加如下内容{ "singleQuote": true }然后使用vscode的格式化快捷键shif+alt+f格式化一下报错文件即可将文件中的双引号改为单引号2.报Missing space before function parentheses的问题意思是在方法名和刮号之间需要有一格空格。解决办法是给项目根目录的.eslintrc.js文件的rules字段中添加如下代码即可"space-before-function-paren": 03.error Extra s...

612 0 1

修改props之sync修饰符

枫雨 3年前 Vue

修改props之sync修饰符

修改props1.传统方式Vue父传子可以使用props，子组件接收到后就可以使用了。但是如果子组件中需要对props进行修改，是不能在子组件中直接进行修改的，需要使用 $emit() 触发父组件的方法并传值过去，在父组件中接收传过来的数据然后进行修改。父组件：<template> <div class="app">  &...

425 0 1

vue中使用$set定义响应式数据

枫雨 3年前 Vue

vue中使用$set定义响应式数据

有如下代码：<template> <div class="about"> <h1> {{ person }} </h1> <button @click="addAge">更新age</button> <button @click="addSex">直接添加性别</button> <button @click="setSex">$set添加性别<...

321 0 0

Vue获取组件渲染后的DOM

枫雨 3年前 Vue

Vue获取组件渲染后的DOM

Vue获取组件渲染后的DOMvue 中获取元素的 DOM 时，有两种情况。一种是获取普通元素的 DOM ，另一种是获取组件渲染后的 DOM 。两者都需要给元素设置 ref 属性，都需要使用 $refs 获取 DOM ，但是略有区别。1.获取普通元素DOM在 vue 中获取 DOM 元素，直接给需要获取的 DOM 标签添加 ref 属性，然后通过 $refs.属性名即可获取 DOM 。1.1 先设置 ref 属性：<template> <div class="about" ref="about"> <h1&...

433 0 0