Vue前端开发
关注
分享
扫一扫
一木难求
这个作者很懒，什么都没留下…
展开
-
vue弹窗： el-dialog visible.sync触发父组件的update事件
在使用element-ui 中的dialog组件时，发现visible属性在使用时需要添加.sync才生效。我们先自己创建一个dialog组件，如下当我们点击关闭按钮时，会发生警告原因就是在VUE中，prop的传递是单向下行绑定的，也就是说只能父传给子，不能反过来。虽然在demo中子组件直接修改visible也能够关闭窗口，但是该变量不能传给父组件，所以并不建议这么做，（如果您任性，觉得父组件拿到这个变量也没用，那您尽管在子组件中修改，但是小心父组件的入参变化时会覆盖你的修改）..原创 2021-08-26 23:27:34 · 5436 阅读 · 0 评论 -
vue: 全局方法挂载
main.js中操作先import需要挂载的方法然后通过vue.prototype去全局装载import Vue from 'vue'import App from './App.vue'import router from './router'import Cookies from 'js-cookie'import './assets/icons' // icon// import './permission' // permission controlimport {.原创 2021-08-19 01:13:50 · 4551 阅读 · 0 评论 -
排除eslint检查
"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "eslint --ext .js,.vue src"},原创 2021-08-19 01:02:26 · 567 阅读 · 0 评论 -
vue: dev-tool 调试
vue.config.js配置添加 devtool:'source-map''use strict'const path = require('path')function resolve(dir) { return path.join(__dirname, dir)}const name = process.env.VUE_APP_TITLE || 'dy管理系统' // 网页标题module.exports = { configureWebpack: { ...原创 2021-08-19 00:06:12 · 518 阅读 · 0 评论 -
vue报错：error ‘response‘ is defined but never used no-unused-vars
若代码无书写错误报错原因： 该项目安装了eslint规范，ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似。解决方法解决方法1：在package.json文件内加入如下代码："rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"of...原创 2021-08-18 23:21:53 · 2783 阅读 · 0 评论 -
vue组件按需引入
参考官网：https://element.eleme.cn/#/zh-CN/component/quickstart按需引入借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。首先，安装 babel-plugin-component：npm install babel-plugin-component -D然后，将 .babelrc 修改为：{ "presets": [["es2015", { "modules": f...原创 2021-08-16 22:52:13 · 1815 阅读 · 0 评论 -
vue路由配置
import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/** * Note: 路由配置项 * * hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1 * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动.原创 2021-08-12 23:59:07 · 1675 阅读 · 1 评论 -
vue配置代理和端口
module.exports = { devServer: { open: process.platform === 'darwin', host: 'localhost', port: 8085, //修改端口号 https: false, hotOnly: false, // 配置代理 proxy: { '/api': { target: 'http://api.server.com:8081/', .原创 2021-08-12 23:56:58 · 505 阅读 · 0 评论 -
语法糖规范cpn4-syntactic-sugar
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <cpn1></cpn1></div><script src="../vue.js"></sc...原创 2021-07-09 01:26:03 · 164 阅读 · 0 评论 -
父传子cpn8-props-father2child
父传子，同时支持插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <cpn v-bind:cmovies="movies" :cmessage="message"> <bu.原创 2021-07-09 01:22:40 · 137 阅读 · 0 评论 -
子传父cpn9-emit-child2father
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <cpn @catclick="queryDataf"></cpn></div><template id="tp..原创 2021-07-09 01:19:14 · 121 阅读 · 0 评论