解决electron-vue中无法Element的Tooltip组件

在vue中使用Element的message组件

在vue中使用Element的message组件在vue文件中使用 this.$message({ message: "提示信息", type: "success" }) 在js文件中使用 import ElementUI from 'element-ui'; ElementUI.Message({ message: '提示信息', type: 'warning' });…

解决electron-vue中无法Element的Tooltip组件

打开文件:electron-vue/webpack.renderer.config.js 在大约21行左右找到 let whiteListedModules 将element-ui添加进去,最终如下所示. let whiteListedModules = ['vue', 'element-ui'] 最后重启下项目就好了.…

Vue中利用$emit实现子组件向父组件通信

Vue中利用$emit实现子组件向父组件通信父组件 <template> <div> <p>我是父组件</p> <child :isShow="show" @hidechild="hidechild"></child> <button @click="show=true">显示子组件</button> </div> </templa…

在vue中关于element UI 中表格实现下载功能，表头添加按钮，和点击事件失效的解决办法。

因为在element 中表格是使用el-table的形式通过数据来支撑结构,所以,表格的样式没有自己写的灵活,所以有了没法添加按钮的烦恼.下面是解决的方法. 准备工作: 一.下载npm安装包两个 1.npm install --save xlsx file-saver 二.在要下载表格的页面引入依赖 1. import FileSaver from 'file-saver' 2. import XLSX from 'xlsx' 三.在页面中利用element 添加表格,并在表头中具体要…

Vue 中渲染字符串形式的组件标签

在vue中如果要渲染字符串形式的标签,vue 提供了 v-html 指令,可以很方便的渲染出来.但是如果这个标签是一个组件,或者element-ui 的组件时,就不能解析出来了,因为v-html 只能解析原生的属性. 那么就要使用jsx渲染来解析 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">  <link rel="style…

vue中创建全局单文件组件/命令

1.在 vue中如果我们使用基于vue.js编写的插件,我们可以使用Vue.use() 如在main.js中: 2.添加全局命令,让每个vue单文件组件都可以使用到: 第一步:最好建一个全局的命令文件:如directive/directive.js 第二部:利用Vue.directive()建立一个全局命令,并将它暴露出来,例如一个focus让表单自动聚焦:‘ directive.js 第三步:在main.js中引入它使用: 3.使用不是基于vue.js所些的插件: 将它赋予给vue的原型上:…

vue中使用Element主题自定义肤色

一.搭建好项目的环境. 二.根据ElementUI官网的自定义主题(http://element.eleme.io/#/zh-CN/component/custom-theme)来安装[主题生成工具]. 三.在 element-variables.scss 文件里修改 $–color-primary:#409EFF,即你想要的主题颜色.然后,执行主题编译命令生成主题(et),根目录会生成一个theme文件夹. 四.封装动态换肤色ThemePicker.vue组件. <template> <…

解决在vue中axios请求超时的问题

查看更多精彩内容请访问我的新博客:https://www.cssge.com/ 自从使用Vue2之后,就使用官方推荐的axios的插件来调用API,在使用过程中,如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历. 具体原因最近公司在做一个项目, 服务端数据接口用的是java输出的API, 有时候在调用的过程中会失败, 在谷歌浏览器里边显示Provisional headers are shown. 按照搜索引擎给出来的解决方案,解决不了我的问题. 最近在研究A…

解决在vue中设置的height: 100%没有效果

在新的页面设置height无效果的时候.需要改动App这个文件的heigth 解决办法.给app这个盒子设置高度.默认情况下为0 设置高度100%时,div的高度会等同于其父元素的高度.而上面中id为app的div(vue挂载的div)的父节点是body标签,body标签的父节点是html标签.在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body标签就为0,自然子div的高度设置为100%就不起作用了 html,body,#app{ he…

vue中修改Element ui样式不起作用

公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总地表最强的电脑运行了一下,当场就被他叼了. 最后只能回去做适配了,但是发现修改了样式之后,怎么也没效果. 千般百度后,发现了这个东东~ <style lang="scss" scoped> 也就是scoped这个东西...让我搞了半个小时. scoped的作用:在style标签上添加scoped属性,以表…

vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数.比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的: :on-success=”handleSuccess(i)” //handleSuccess是一个方法但是发现这样写取不到自身原来的参数,后来在网上找到了一个比较好的方法,如下: :on-success=”(value)=> handleSuccess(i,…

vue中使用element写点击input内部标签(使用模态框传值)

首先附上源码地址 https://files.cnblogs.com/files/maruihua/vue-tagsinput-master.zip 这个是我修改后的代码.取消了部分功能,添加的一些功能,原插件在以下网址,有兴趣的可以去看一看 https://github.com/voerro/vue-tagsinput 具体怎么使用呢 <template> <div> <span>inputtags</span> <tagsinput><…

解决在VUE中绑定WebSocket事件无法传值的问题

this.webSocket.onerror =(env)=>{ this.onError(env) }; https://jsfiddle.net/dko6g9a4/1/…

解决在IIS中调用Microsoft Office Excel组件后进程无法正常退出的问题

来源:http://www.cnblogs.com/ahui/archive/2013/03/05/2944441.html 有一个项目用到Excel组件产生报表,本以为这个通用功能是个很简单的case,没想到结果却花了不少时间本人开发环境: Win7 64bit + IIS7.5 + VS2012 最开始碰到的问题是NetworkService无法访问com组件,需要对帐户进行授权,这个相信很多人都碰到过,也很好解决 1.运行:mmc comexp.msc /32,找到我的电脑 -> DCo…

在vue中使用setter改写父子组件传的值

概述最近在用muse ui的时候碰到一个问题,简单来说是这样的,父子之间传值,父组件和子组件使用相同的props命名,并且子组件不用emit,而用等号赋值. 最后使用计算属性的setter函数解决了,记录下来,供以后开发时参考,相信对其他人也有用. 父子组件传值根据官方文档里面对于sync的描述,可以使用如下方法进行父子组件的传值. 1.父组件在调用子组件的时候使用sync. <text-document :childTitle.sync="title"></te…

vue中父级与子组件生命周期的先后顺序

1.vue的生命周期 2.views/createrCustormer.vue为父级 <template> <expressService /> </template> <script> import expressService from '@/components/expressService' export default { components: { expressService }, beforeCreate() { cons…

vue中的自定义分页插件组件

介绍一下,已经有很多的vue分页的组件了,大家都是大同小易,那么我就结合自身的使用,写出了一片文章首先在新建一个分页模块在模块中引入相应的代码,(内有详细的注释) template中 <div class="page-bar"> <ul> <li class="first"> <span>共{{dataNum}}条记录第 {{cur}} / {{all}} 页</span> </li> &…

使用better-scroll在vue中封装自己的Scroll组件

1. better-scroll 原理用一张图感受: 绿色部分为 wrapper,也就是父容器,它会有固定的高度.黄色部分为 content,它是父容器的第一个子元素,它的高度会随着内容的大小而撑高.那么,当 content 的高度不超过父容器的高度,是不能滚动的,而它一旦超过了父容器的高度,我们就可以滚动内容区了,这就是 better-scroll 的滚动原理. 2. 创建一个 Scroll.vue 组件注意:在使用better-scroll组件时,必须外层有一个wrapper,内层有一个…

vue中使用elmentUI的Upload组件提交文件和后台接收

1.参考此博客,希望有以下知识储备 vue的路由,跨域请求,springboot2.X,html,已经阅读elementUI官网中关于upload组件的详细介绍. 2.废话不多说,直接讲解细节. 前台使用webstorm搭建的vue工程:访问地址使用 http://localhost:8080 后台用的idea写的控制层: 访问地址使用 http://localhost:8081 前台:我是直接copy elementUI官网的样例,我放在了新建的Upload.vue文件中 ======…

【Vue中的swiper轮播组件】

<template> <swiper :options="swiperOption" ref="mySwiper">  <swiper-slide><img src="../../static/images/home/index/banner_1.jpg"/></swiper-slide> <swiper-slide><img…

vue，基于element的tree组件封装

封装组件代码 // 组件:树 /* 参数说明-属性: 1.treeData:展示数据(array) 2.treeEmptyText:内容为空的时候展示的文本(String) 3.treeNodeKey:每个树节点用来作为唯一标识的属性,整棵树应该是唯一的(String) 4.treeRenderAfterExpand:是否在第一次展开某个树节点后才渲染其子节点(boolean) 5.treeHighlightCurrent:是否高亮当前选中节点,默认值是 false(boolean) 6.tre…

20.Vue中获取DOM元素和组件

1.获取DOM元素和组件:this.$refs…

vue组件中，iview的modal组件爬坑--modal的显示与否应该是使用v-show

这是我第一次写博客,主要是记录下自己解决问题的过程和知识的总结,如有不对的地方欢迎指出来! 需求:点击btn,弹出modal显示图表(以折现图为例) 这应该是很基本的需求也是很容易实现的,代码和效果如下: 代码解释:setTem是一个方法,改变modal为true,默认为false : chart-line是图表子组件,通过data向其传递参数,data绑定的数据是父组件mounted后拿到的数据效果图:点击btn后的确显示了modal框,但是里面的图表不能显示,接着改变子组件任何代码,迫使重…

vue中遇到的坑

如何解决在vue中替换图片.一个使用base64,而我们使用zepto之后,src找不到资源,因为已经打包了,难道强行写base64. 1. 引入文件时语法很重要! import "FooterMenu" from '@components/Menu'; import FooterMenu from '@components/Menu'; 即在页面组件中引入一个FooterMenu组件, 我们引入时应该引入的一个变量作为标签,而不能再FooterMenu上添加引号!! 在这里浪费了很…

VUE中让由全局变量添加生成的新数组不随全局变量的变化而变化

问题场景: const addOptions = { singleOrComplex, totalNum: this.smallTotalPrice, selectList: this.purchaseLotter, smallTotalPrice: this.smallTotalPrice * 2 } this.selectSucLotter.push(addOptions) addOptions中的红框内容为全局的变量,我们需要往this.selectSucLotter中添加addOptio…