1. Vue 入门教程之 Hello World
Vue入门教程之HelloWorld1.1什么是Vue?1.2如何使用vue?1.2.1示例一输出HelloWorld1.2.2示例二鼠标悬停几秒钟查看此处动态绑定的提示信息1.2.3示例三控制显示和隐藏一个区域1.2.4示例四循环遍历...基于vue开发微信小程序mpvue-docs跳转页面功能
打开github,把项目克隆下来https://github.com/f-loat/mpvue-quickstart跳转页面,废话不多说直接点。。。打开pages.js默认是有两个页面的,现在新添加一个newpage的页面这样加就行了!然后是用模版...- 0
- 0
- 0
- 0
- 0
vue实现主题切换的多种思路分享
动态改变主题首先需要解决的是如何知道你需要显示哪个主题,并且可以动态切换。我选择的方法是querystring。我们打开url的时候,可以在后面缀上theme=xx,读取这个xx储存起来即可。第一种办法:动态组...- 0
- 0
- 0
- 0
- 0
vue.js中使用echarts实现数据动态刷新功能
在vue使用echarts时,可能会遇到这样的问题,就是直接刷新浏览器,或者数据变化时,echarts不更新这是因为echarts是数据驱动的,这意味着只要我们重新设置数据,那么图表就会随之重新渲染,这是实现本...- 0
- 0
- 0
- 0
- 0
vue微信分享的实现(在当前页面分享其他页面)
首先以分享给朋友为例1、先看官方文档wx.onmenushareappmessage({title:'',//分享标题desc:'',//分享描述link:'',//分享链接,该链接域名或路径必须与当前页面对应的公众号js安全域名一致imgurl:...- 0
- 0
- 0
- 0
- 0
vue的自定义布局(rem)
目录1.px与视口2.%3.媒体查询4.rem5.vm/vh1.rem单位首先来看,什么是rem单位。rem是一个灵活的、可扩展的单位,由浏览器转化像素并显示。与em单位不同,rem单位无论嵌套层级如何,都只相对于浏览器的...- 0
- 0
- 0
- 0
- 0
浅谈Vue CLI 3结合Lerna进行UI框架设计
当前大部分ui框架设计的webpack配置都相对复杂,例如element、antdesignvue和muse-ui等vue组件库。例如element,为了实现业务层面的两种引入形式(完整引入和按需引入),以及抛出一些可供业务层面通...- 0
- 0
- 0
- 0
- 0
用vscode开发vue应用的方法步骤
现在用vscode开发vue.js应用几乎已经是前端的标配了,但很多时候我们看到的代码混乱不堪,作为一个前端工程师,单引号双引号乱用,一段有分号一段没有分号,有的地方有逗号有的地方没有逗号,空格回...- 0
- 0
- 0
- 0
- 0
荐 Vue+element如何让帖子评论带上emoji,这个需求让我在富文本Quill开始了踩坑连连看
天降巨坑1:Quill富文本输入的内容提交后显示的有文本+标签到底是个啥说不明道不白的情况,来看看效果图:emm…看起来让人感觉真是怪别扭的。我也是前前后后想了很多种办法,却忽略了一种最原始的!最...- 0
- 0
- 0
- 0
- 0
vue-directive-ellipsis 超过内容显示省略号并出现tooltip,不超过时则都没有
在开发过程中经常会遇到以下需求:超过父元素以后,内部文字显示省略号并且鼠标移上去出现弹窗,在父元素宽度内则不需要省略号且移上去不需要弹窗。针对这个问题,本人写了基于vue的vue-directive-e...- 0
- 0
- 0
- 0
- 0
axios异步提交表单数据的几种方法
踩坑axios提交form表单几种格式前后端分离的开发前后端,前端使用的vue,后端的安全模块使用的springsecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios发送异步的请求后端...- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
- 0
vue组件实现v-model双向绑定
vue组件实现v-model双向绑定简单了解下v-modelv-model原理测试例子关于踩到的坑简单了解下v-modelVue官网API:v2/api/#model.自定义组件在使用v-model时定制prop和event。前提知识:Vue-处理边界...- 0
- 0
- 0
- 0
- 0
在vue-cli 3中给stylus、sass样式传入共享的全局变量
在vue-cli3中,给stylus、sass样式传入共享的全局变量在开发中有时,我们定义了大量的基础样式变量,例如:大量的vue单文件组件会用到这些变量,每个组件都引人一次又太麻烦。全局引入是个不错的方法,...- 0
- 0
- 0
- 0
- 0
详解Vue源码学习之双向绑定
原理当你把一个普通的javascript对象传给vue实例的data选项,vue将遍历此对象所有的属性,并使用object.defineproperty把这些属性全部转为getter/setter。object.defineproperty是es5中一个无法sh...- 0
- 0
- 0
- 0
- 0
详解Vue组件之间通信的七种方式
使用vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。父子组件之间的通信1)props和$emit父组件通过props将数据下发给props,子组件通过$emit来触发自定...- 0
- 0
- 0
- 0
- 0
el-table树形表格表单验证(列表生成序号)
树形表格表单验证预览树形列表生成序号首先需要生成一个序号用来确定表单验证的目标row,通过广度优先遍历,以1,1.1,1.1.1的规则对树形列表生成确定唯一值的索引,因为列表自身可以做curd,因此需...- 0
- 0
- 0
- 0
- 0
vue如何截取字符串
在后端有许多的封装方法来截取字符串或者对字符串的操作,同样前端也有相应的方法。有一个data数据为ipaddrdata(){return{ipaddr:"192.168.100.110",};},1、现在需要切割成一个数组,得到四个ip值,...- 0
- 0
- 0
- 0
- 0