![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue'
文章平均质量分 69
树根朽木
这个作者很懒,什么都没留下…
展开
-
[转]Vue——子组件中引入父组件
比如一个展示组件Rack,内部有一个子组件RackDialog,然后RackDialog里又需要引入Rack组件。所以出现了上述的组建为注册错误。使用了按需引入后就会在RackDialog组件激活时才引入Rack组件,就不会出现这种未注册报错了。Vue底层在进行组件注册时采用的是递归注册的形式,会将一个顶级组件的所有后代组件进行递归注册。因为特殊情况,开发中子组件又需要引入父组件,即子组件中再创建一个父组件的Vue实例。按需引入的方式还可以使用Vue的内置组件,即动态组件更优雅的引入。转载 2022-11-18 11:47:34 · 828 阅读 · 0 评论 -
[转](101条消息) Vue组件打包成库和使用库的方法(转载请删除括号里的内容)
(转载请删除括号里的内容)一、开发组件开发组件的过程并无特殊之处,跟平时在Vue项目里定义component是一样的。有一点需要注意的是,平时在Vue项目里,组件的name可以不写,但如果要打包成库,组件的name必须写。为了描述方便,我们把将要打包的组件定义为MyCom1、MyCom2。其示例代码如下:<template> <div> </div></template> <script>export defaul转载 2022-05-10 16:18:51 · 608 阅读 · 1 评论 -
element ui 菜单收缩
<template> <div> <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;"> <el-radio-button :label="false">展开</el-radio-button> <el-radio-button :label="true">收起</el-radio-button> &..原创 2020-07-01 11:04:13 · 3028 阅读 · 0 评论 -
[转](1条消息)Vue项目中引入Echarts(转载请删除括号里的内容)
在Vue项目中使用Echats,可以极大程度的方便完成很多Canvas功能。1. 安装Echatsnpm install echarts --save2.项目main.js中引入Echarts// 引入Echartsimport Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)3.项目中使用,挂载到一个div标签上html<div id="echarts" :style="{wi转载 2020-06-30 11:00:15 · 303 阅读 · 0 评论 -
vue element template 首屏加载
1.解决加载prod部分 config .plugin('CompressionWebpackPlugin') .use(CompressionWebpackPlugin, [{ algorithm: 'gzip', test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),原创 2020-06-27 10:16:51 · 175 阅读 · 0 评论 -
Vue element template 前端样式第一遍梳理
按照官网的路径走1.嵌套值router-view 标签一个是menu1,一个是menu2 ,menu2中还嵌套了一层,所以要继续添加router-view ,因此理论上是可以无限循环,但是要添加router-view官网这里也有讲因此elemnt menu 写出的多级是要与Vue 路由相互对应的。2.强行刷新看官网提供的方法3.侧边栏外链的写法4.默认展开src\layout\components\Sidebar\index.vue引入路径...原创 2020-06-26 15:08:50 · 2006 阅读 · 0 评论 -
Vue admin template 的控制流程
具体的express,写法const express = require('express')const jwt = require('express-jwt')const jwtSign = require('jsonwebtoken')const cookieParser = require('cookie-parser')const cors = require('cors')const getCookieExpires = () => { const d = ne...原创 2020-06-26 10:47:37 · 372 阅读 · 0 评论 -
express jwt 的存取两种方法
第一种 ajax 发送token过来,自动设置的检查2.需要手动 往往就是存在一个点上面需要手动设置token原创 2020-06-24 18:04:26 · 134 阅读 · 0 评论 -
[转]使用express-jwt生成token的demo(转载请删除括号里的内容)
const express = require('express')const jwt = require('express-jwt')const jwtSign = require('jsonwebtoken')const cookieParser = require('cookie-parser') const getCookieExpires = () => { const d = new Date() d.setTime(d.getTime() + (24 * 60 * 60 * 100.转载 2020-06-24 17:35:06 · 291 阅读 · 0 评论 -
[转]JWT-RS256公钥和私钥创建(转载请删除括号里的内容)
摘要最近在做ASP.NET Core 微服务项目中,用到JWT-RS256 创建公钥和私钥来替代原先的对称加密方式,于是在网上找一些创建秘钥的工具,搜了很多终于找到一个非常方便的工具,在这里贡献给大家。操作步骤,请看截图:工具下载链接下载---------------------作者:翱翔的蓝鹰来源:CSDN原文:https://blog.csdn.net/realjh/article/details/106770490版权声明:本文为作者原创文章,转载请附...转载 2020-06-24 17:26:10 · 735 阅读 · 0 评论 -
[转]element中this.$message 失效问题解决方法(使用全局调用,重新定义this)(转载请删除括号里的内容)
这两天写项目的时候发现了这个问题。问题再现:在Model框中操作数据,在使用this.$message进行消息提示时发现,提示框失效。本人解决方案(具体原因我没有找出来,写这个出来也是为了让大佬指点指点) // 保存修改数据 handleSaveMu(row) { let srcColumnSqc = row.srcColumnSqc; let tarColumnName = row.tarColumnName; ...转载 2020-06-23 15:07:30 · 8879 阅读 · 1 评论 -
[转]Invalid prop: custom validator check failed for prop index.(转载请删除括号里的内容)
错误:解决方法:index的值不能有空格,并且要为字符串类型---------------------作者:景尘来源:CSDN原文:https://blog.csdn.net/lbpro0412/article/details/99300964版权声明:本文为作者原创文章,转载请附上博文链接!...转载 2020-06-22 11:36:05 · 7609 阅读 · 3 评论 -
[转]element-ui输入框(el-input)前缀图标和后缀图标(转载请删除括号里的内容)
el-input是element-ui中的一个组件,在element-ui中文手册中有详细的介绍。其中,带 icon 的输入框示例如下:对应的代码是:<div class="demo-input-suffix"> 属性方式: <el-input placeholder="请选择日期" suffix-icon="el-icon-date" v-model="input1"> </el-input> <el-input pl转载 2020-06-19 07:33:12 · 6861 阅读 · 0 评论 -
elemnt ui checkBOx 原理猜测
<h3 id="第一节-radio-单选框">第一节 Radio 单选框</h3><p> 要使用 Radio 组件,只需要设置<code>v-model</code>绑定变量,选中意味着变量原创 2020-06-18 19:58:23 · 422 阅读 · 0 评论 -
Vue 父子关系明确定义以及双向绑定的一部分
<h3 id="1组件中的父子关系。">1.组件中的父子关系。</h3><p>父子关系,你要通过vue 单文件来查看,他们之间相互依赖,</p><p><img src="https://img-b原创 2020-06-18 17:14:35 · 627 阅读 · 0 评论 -
element ui 断点类
@media only screen and (max-width:767px) { .hidden-xs-only { display: none!important }}@media only screen and (min-width:768px) { .hidden-sm-and-up { display: none!important }}@media only screen and (min-width:768px) and (max-width:9.原创 2020-06-18 10:55:37 · 720 阅读 · 0 评论 -
[转]vue 报错 Failed to mount component template or render function not defined(转载请删除括号里的内容)
页面中缺少<template></template>标签---------------------作者:于先生的肉肉来源:CSDN原文:https://blog.csdn.net/huichao199175/article/details/106357017/版权声明:本文为作者原创文章,转载请附上博文链接!内容解析By:CSDN,CNBLOG博客文章一键转载插件...转载 2020-06-18 10:42:22 · 97 阅读 · 0 评论 -
vue elemnt admin 登录与mock的交互
设置原创 2020-06-16 08:18:50 · 232 阅读 · 0 评论 -
[转]Unhandled error: Error: connect ECONNREFUSED 127.0.0.1:6379(转载请删除括号里的内容)
Unhandled error: Error: connect ECONNREFUSED 127.0.0.1:6379为了做前端数据测试,在自己的本地服务器中搭建了easy-mock首先,初次搭建easy-mock时是可以访问的,但是后来虚拟机关闭后再启动便报该错误:这是由于easy-mock依赖的redis并未设置自启动,将虚拟机关闭后redis服务关闭,从而导致easy-mock运行失败。使用systemctl start redis即可启动重新redis,再次执行easy-moc...转载 2020-06-15 21:32:41 · 1539 阅读 · 0 评论 -
easy mock bug
node 8 的版本才可以。反正12肯定不行,上限多少,我们暂且不知道原创 2020-06-15 21:27:01 · 101 阅读 · 0 评论 -
nvm 坑
nvm install 'lts/*'解决 N/A 问题原创 2020-06-15 21:18:10 · 158 阅读 · 0 评论 -
关于Vue ssr的一点探讨
1.vue ssr 入门1.一个简单的例子接下去,我们使用express来继续,得到的是这个他和render一样。不过服务器渲染需要两个步奏,第一步,先制作出renderer,第二步是使用renderTOString函数2.使用页面模板注意 <!--vue-ssr-outlet--> 注释 -- 这里将是应用程序 HTML 标记注入的地方。插值也可以与 Vue 应用程序实例共享 context 对象,允许模板插值中的组件动态地注册数据。关于context具体的详情会在后面展原创 2020-06-05 20:35:44 · 1070 阅读 · 1 评论 -
[转]【vue】npmrunbuild打包路径问题(转载请删除括号里的内容)
直接插入主体 额不 主题我的vue脚手架目录结构如下有个config文件夹,在index.js中有两个方法一个开发dev,一个生产build。dev: 是我们的开发环境,资源使用绝对路径,所以可以正常看到背景图片 build: 是我们的生产环境,资源使用相对路径,所以会报错一:Vue打包js,css等的路径问题我们打包自然要设置build中的代码了。下面是修改后的状态,箭头指向的地方之前是assetsPublicPath: '/'二:Vue打包背景图片路径问题背景图片的路径需...转载 2020-06-05 08:55:38 · 959 阅读 · 0 评论 -
vue-element-admin暗转过程的无语
1.node-sass ,还需要win32-x64,一开始,我一键安装,给我下个32位的,要么一会报32问题,要么包node版本问题。2.npm uninstall 重新安装,用cnpm和npm混合安装完成。太秀了。中国程序员的时间,一大半浪费在这没用的墙。...原创 2020-06-04 09:38:27 · 282 阅读 · 0 评论 -
Vue自己总结指令
Vue第一节课程Vue作用学习Vue框架的作用:减少原生DOM操作的频繁性使用框架开发:只需要关注数据的变化,还是视图的变化学习Vue需要具备的知识点:html+css;javaScriptDOMVue不支持IE8以下版本Vue引入js文件: <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>Vue.js 的核心是一个允许采用简洁的模板语原创 2020-05-12 11:38:19 · 398 阅读 · 0 评论