vue
Love_vermouth
这个作者很懒,什么都没留下…
展开
-
vue 基础二
一、vue表单控件绑定1、绑定value对于单选按钮,勾选框及选择列表选项,v-model绑定的value通常是静态字符串(对于勾选框是逻辑值)<!-- 当选中时,`picked` 为字符串 "a" --><input type="radio" v-model="picked" value="a"><!-- `toggle` 为 true 或 fa...转载 2019-11-01 15:41:43 · 403 阅读 · 0 评论 -
vue router 总结
一、组件内导航之beforeRouteUpdate的使用使用场景: 组件复用;路由跳转;beforeRouteUpdate (to, from, next) { // 在当前路由改变,但是该组件被复用时调用 // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候, // 由于会渲染同样的 Foo ...转载 2019-10-30 18:18:59 · 320 阅读 · 0 评论 -
vue基础一
记录本文主要是为了总结,把多篇博文里我认为重要的点记录下来,以便查找。感兴趣的可以详细看原文。一、1、由于Vue使用getter/setter等ES5特性,所以兼容到IE92、每一个Vue实例(组件本质上就是一个Vue实例)需要有一个根元素3、不应该在模板表达式中试图访问用户定义的全局变量二、1、命名约定 1.1 组件命名,字母小写且包含一个中划线(-)...转载 2019-10-29 14:44:03 · 201 阅读 · 0 评论 -
vue组件规范
<!-- 单文件组件应该总是让顶级标签的顺序保持一致,且标签之间留有空行 --><template> <!-- 多个动态属性需分为多行 --> <!-- 统一使用指令缩写 : @ --> <!-- 标签的 Props 应该有统一的顺序,依次为指令、属性和事件 --> <my-component v-if=...原创 2019-10-28 23:43:02 · 380 阅读 · 0 评论 -
vue项目遇到的那些坑
项目使用iview 2.0 + vue 2.0 1、select(1)单选,value值为数字时, 表单验证时要加 type: 'number' this.$refs.selectedDevice.clearSingleSelect(); 清空单选项,仅在 clearable="true" 时有效(2)多选, 要加 type: 'array'// value值为...原创 2018-08-23 11:01:36 · 1432 阅读 · 0 评论 -
模拟点击,完善菜单栏功能
vue2.x + iview2.x使用导航菜单menu,开启手风琴模式。点击菜单栏没有问题,操作url标签(如下图)时,手风琴模式会出现bug。比如点击“设备清单”,左侧栏菜单并没有相应展开。因此采用模拟点击,完善菜单栏功能。setTimeout(() => { let ele1 = $('.ivu-menu-submenu.ivu-menu-item-active.i...原创 2018-07-19 15:16:57 · 899 阅读 · 0 评论 -
resize事件与响应式布局
我们常常遇到这样的需求,菜单栏可以收缩或者展开,main部分的图表要随着响应式变化。你应该会想到监听window的resize事件,但这可能仍然无法使一些图表做响应式改变。因为只是收缩/展开菜单栏,窗口的大小并没有发生变化,即并没有触发window的resize事件。下面讲述一下我自己的处理方式,如果你们有更好的方式,欢迎留言讨论。vue + echarts vue 使用 e...原创 2018-07-18 16:47:23 · 994 阅读 · 0 评论 -
vue 使用 eventBus
文件 vue-bus.jsconst install = function (Vue) { const Bus = new Vue({ methods: { emit (event, ...args) { this.$emit(event, ...args); }, ...原创 2018-07-18 16:35:07 · 432 阅读 · 0 评论 -
vue项目中如何使用axios
import axios from "axios";import vue from "vue";import store from '../store';import {router} from '../router/index';import Cookies from "js-cookie";// 创建axios实例const service = axios.create({ ...原创 2018-05-26 11:47:15 · 1121 阅读 · 0 评论 -
vue开发过程中常用手册集锦
vue-router中文文档vue官方文档教程vue官方APIvuex官方文档vue实例的参数说明$route和$router的区别为什么vuex中必须要通过commit提交mutation?vue.js -- 60分钟组件快速入门(上篇)父组件改变props,子组件如果直接使用props,会触发子组件更新父组件改变props,子组件如果将props放进data中再使用,不会触发子组件更新父组件改...原创 2018-05-09 09:16:33 · 640 阅读 · 0 评论 -
vue学习总结一
1、sublime text 需安装包Vue Syntax Hightlight2、v-bind 缩写v-bind指令用于响应式地更新HTML属性<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a>v原创 2018-04-25 17:18:26 · 425 阅读 · 0 评论 -
被墙情况下载安装vue devtools
被墙就不能通过扩展程序直接搜索安装插件,通过github自己build又觉得麻烦。下面总结了vue devtools的简单下载安装办法。1、vue.js devtools下载下载得到crx文件,直接拖到扩展程序页面即可安装。2、Vue.js devtool插件安装后无法使用,出现提示“vue.js not detected”的解决办法找到了Vue.js devtool插件的安装目录,打开maini...原创 2018-04-25 09:21:33 · 630 阅读 · 0 评论 -
windows下搭建vue开发环境+IIS部署
原文: windows下搭建vue开发环境+IIS特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下:一、安装node.js说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。node.js的官方地址为:https://nodejs.org/en/downlo...转载 2018-04-16 11:18:30 · 1153 阅读 · 0 评论