SF
a running snail
a running snail
注册登录
关注博客
注册登录
主页
关于
RSS
el-tooltip与文本省略号实现精确同步(有省略号就有文本提示,无省略号无文本提示)
狂奔的蜗牛
2020-05-16
阅读 5 分钟
8.8k
项目中经常会遇到这样一个问题或需求:一段文本A,如果A较短则全部显示;如果A比较长,则显示省略号,同时鼠标hover会有提示,类似el-tooltip(或者单独写提示框)。
Vue项目中使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
狂奔的蜗牛
2020-05-14
阅读 4 分钟
6.6k
使用教程(注意细看总结部分,写了几点,希望有所帮助):1、安装插件:npm install vue-quill-editor(或者yarn add vue-quill-editor)2、安装插件依赖:npm install quill(或者yarn add quill)3、main.js文件中引入:
vue项目props传值类型影响:单项数据流及双向数据流
狂奔的蜗牛
2019-07-29
阅读 3 分钟
5k
第一:传递string、number等基本数据类型:在构建vue项目中,props是子组件获取父组件的一种形式;在子组件中不可修改父组件传递的参数,代码如下:1、父组件代码:
前端设计模式
狂奔的蜗牛
2019-02-12
阅读 5 分钟
4k
1、模块模式在立即执行函数表达式中定义的变量和方法,在该函数外部是访问不到的,只能通过该函数提供的接口,"有限制的"进行访问;通过函数的作用域,解决了属性和方法的封装问题。最常见的立即执行函数写法有以下两种:
Vue自定义组件(简单实现一个自定义组件)
狂奔的蜗牛
2019-01-26
阅读 1 分钟
22.2k
在用vue构建项目的过程中,我们有时会用到别人开发的组件如vue-router;使用他人组件的正常步骤如下:1、命令行进行安装,执行install;2、在vue项目中的入口文件main.js中,进行导入;3、然后用Vue.use(plugin)引入该组件。
vue路由篇(动态路由、路由嵌套)
狂奔的蜗牛
2019-01-26
阅读 3 分钟
15.8k
什么是路由?网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。web中,路由的概念也是类似,根据URL来将请求分配到指定的一个'端'。(即根据网址找到能处理这个URL的程序或模块)使用vue.js构建项目,vue.js本身就可以通过组合组件来组成应用程序;当...
快速使用Vuex
狂奔的蜗牛
2019-01-23
阅读 3 分钟
2.6k
Vuex是什么,个人理解是vue.js中集中管理状态的一种模式。官网解释:Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态并以相应的规则保证状态以一种可预测的方式发生变化。
Vue项目build后,图片加载不出来
狂奔的蜗牛
2019-01-22
阅读 2 分钟
6k
以上代码中,使用url-loader对图片的大小进行限制,在limit之内,webpack会将图片转化为base64,超出limit限制,交给file-loader处理。如果在limit范围之内,不会出现图片加载不出来的情况;超出limit,webpack会将处理后的图片放在dist/static/img/中,此时加载图片将会显示不出来。具体做法如下:1、在config/index.js...
computed:快速理解setter和getter
狂奔的蜗牛
2019-01-09
阅读 1 分钟
2.7k
运用范围:模板内的表达式一般都是比较简单的,这是vue设计模板的初衷;如果在模板中放入过多复杂的逻辑,会让模板过重切难以维护。此时,需要使用计算属性。(处理复杂逻辑,基于依赖缓存,当依赖发生改变时会重新取值)
[vuex] getters should be function but "getters.default" is {}.
狂奔的蜗牛
2019-01-07
阅读 1 分钟
7.9k
分析原因在于:index.js引入的是所有getters中的实例,然后getters中是对象的形式。所以错误原因是引入的方式有问题。正确的形式:
element-ui中使用@mouseenter、@mouseleave等不起作用
狂奔的蜗牛
2018-12-09
阅读 1 分钟
6.5k
vue项目中使用element-ui框架,在element标签中使用@mouseenter不起作用。web项目中的写法如下:<el-button type="primary" @mouseenter="loginBtn()">登录</el-button>。移动鼠标,目前不能触发该事件。
el-submenu 报错 [Vue warn]: Expected String, got Number.
狂奔的蜗牛
2018-12-09
阅读 1 分钟
3.8k
在使用vue开发项目,elementUI作为框架。使用el-submenu处理侧边导航栏时,出现错误提示:[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Number.
Vue封装完善ajax
狂奔的蜗牛
2018-12-07
阅读 4 分钟
2.2k
HTML文件: {代码...} JS文件: {代码...} 后台获取或者前端构造的数据结构: {代码...}