- 博客(10)
- 收藏
- 关注
RSS订阅原创 Vue子组件向父组件传递数据
子组件：Select下拉列表选中会触发SelectChange事件，使用$emit传值给父组件vm.$emit( eventName, […args] )参数： {string} eventName [...args] <script> export default { name: 'Tab', data() { return { options: [{ value: '选项1',
2021-11-16 11:49:13
440
原创 Element Select组件触发事件
在el-select标签下使用@change="selectChange"<template> <div class="tab"> <el-select v-model="value" placeholder="请选择" @change="selectChange"> <el-option v-for="item in options" :key="item.value" :label="it
2021-11-16 11:48:11
1529
1
原创 Element-UI中Select引入不显示
除了引入Select，还要引入Option，不然下拉列表渲染不出来import { Select,Option } from 'element-ui'Vue.use(Select)Vue.use(Option)
2021-11-16 11:47:16
321
原创 Vue路由跳转带参数及获取params参数
this.$router.push({ name:'Search', params:{ s:this.$refs.getValue.value }})路由设置const routes = [ { path: '/search/keywors/:s', name: 'Search', component: Search }]获取参数this.$router.params.id
2021-11-16 11:39:41
983
原创 vue地址去掉 #
Vue路由的index.js下，使用history模式const router = new VueRouter({ mode:'history', routes})
2021-11-16 11:38:14
178
原创 element按需引入Message组件
在单独按需引入element组件时，message组件需要挂载到Vue全局对象上，而不是用Vue.use(Message)，这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的，还有confirm组件。import Vue from 'vue'import { Message } from 'element-ui'Vue.component(Message)//挂载到Vue全局对象上Vue.prototype.$message = Message参考：h
2021-11-16 11:37:41
1322
原创 Vue项目常用依赖包
1.1 项目依赖包npm install --save vue1.2 开发依赖包npm install --save-dev webpack2. less依赖包npm install --save-dev less less-loader3. 网络请求axios依赖包npm install --save axios4. axios低版本浏览器补丁es6-promise依赖包npm install --save es6-promise5. 路由安装npm
2021-11-16 11:36:30
2481
原创 npm源地址查看、切换
1.查看镜像源npm get registry2.切换官方源npm config set registry http://www.npmjs.org3.切换淘宝源npm config set registry http://registry.npm.taobao.org4.使用临时淘宝源npm install --registry=https://registry.npm.taobao.org...
2021-11-16 11:35:46
417
原创 Error：Duplicate plugin/preset detected
原因:.babel中element-ui重复了解决：babel.config.js删除重复代码修改前module.exports = { "presets": [ "@vue/cli-plugin-babel/preset" ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk
2021-11-16 11:27:18
780
1
原创 【VUE报错】Mixed spaces and tabs
报错原因：Mixed spaces and tabs（混合空格和制表符）。在开发过程中使用了ESLint，用来规范代码风格。在Webpack配置中使用了eslint-loader。eslint是语法检查工具，缺点是对所写代码要求过于严格。大多数代码约定要求使用空格或 tab 进行缩进，因此，一行代码若同时混有 tab缩进和空格缩进，通常是错误的，需先删除报错的地方的空格再进行编译。解决：在package.json里eslintConfig下rules添加"rules": { "no
2021-11-16 11:24:38
1716
适用于前端字体-&gt;鸿蒙字体压缩字体包8068k-&gt;869k（ttf）-&gt;468k（woff2）
2024-05-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人