随笔分类 -  Vue

vue
Vue子组件props多类型
摘要：在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。 除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。 props: { propA: [ 阅读全文
posted @ 2024-05-09 09:33 烧机 阅读(472) 评论(0) 推荐(0) 编辑
Vue项目调用百度地图Api
摘要：1、安装vue-baidu-map组件 npm install vue-baidu-map --save 2、在mian.js 中注册 vue-baidu-map import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, { ak: '你的申请的a 阅读全文
posted @ 2022-06-17 15:44 烧机 阅读(570) 评论(0) 推荐(0) 编辑
删除 vue 里的 eslint
摘要：1. 打开package.json 2. 删除文件里的如下内容，总之就是带eslint的删干净 "@vue/cli-plugin-eslint": "^4.0.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue 阅读全文
posted @ 2022-06-17 15:10 烧机 阅读(2255) 评论(0) 推荐(0) 编辑
Vue每次切换路由时滚动到页面顶部
摘要：vue3配置跳转到新的路由界面的位置 import { createRouter, createWebHashHistory } from 'vue-router' // vue2.0 new VueRouter({}) 创建路由实例 // vue3.0 creatRouter({}) 创建路由实例 阅读全文
posted @ 2022-06-10 22:52 烧机 阅读(523) 评论(0) 推荐(0) 编辑
封装axios
摘要：封装axios一、创建文件utils/request.js // 基于 axios 封装的请求模块 import axios from 'axios' // 新建一个新的axios实例 const newAxios = axios.create({//创建返回一个新的axios函数对象 baseUR 阅读全文
posted @ 2022-05-26 11:03 烧机 阅读(98) 评论(0) 推荐(0) 编辑
Vue提示Custom elements in iteration require 'v-bind:key'
摘要：Vue中使用v-for出现错误提示： [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue 解决思路： 1、v-for 后添加:key="item" 阅读全文
posted @ 2022-04-27 15:29 烧机 阅读(808) 评论(0) 推荐(0) 编辑
Vue \n无法换行的问题
摘要：在开发Vue的组件时，文本的换行符（\n）却无法正常换行，而是被替换为空格。 解决方法 我们可以利用 css 样式中的 white-space，把文本区域的样式设置为： white-space: pre-line;， 就可以很方便的解决。 注意不要使用 white-space: pre-wrap;， 阅读全文
posted @ 2022-04-27 14:44 烧机 阅读(2697) 评论(0) 推荐(0) 编辑
Vue把路由修改成history 后，通过刷新后报500错误问题，解决方案
摘要：第一：在路由文件中配置：src/router/index.js import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) 阅读全文
posted @ 2022-04-26 10:01 烧机 阅读(1453) 评论(0) 推荐(0) 编辑
Vue中变量名前加三个点代表什么意思
摘要：vue中...的作用 属于ES6的语法，三个点代表扩展运算符。 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var c = { job: 'web前端', name: '张三', age: 25 } ht 阅读全文
posted @ 2022-04-01 10:10 烧机 阅读(2817) 评论(0) 推荐(0) 编辑
Vue根据参数不同的路由跳转以及name的作用
摘要：最近在做VUE路由跳转根据参数的值不同但是跳转的是同一个路由的功能。点击左边的目录，根据目录ID跳转不同的列表。如下图。 路由跳转的代码： this.$router.push({path: '/RFIndex/resourceList', name: '资源列表', params: {id: 2}} 阅读全文
posted @ 2019-07-05 17:10 烧机 阅读(4033) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示