随笔分类 -  vue

1 2 3 下一页
解决elementUI中穿梭框（transfer）组件搜索框中内容清除问题
摘要：<el-transfer ref="transferCom" filterable filter-placeholder="快速检索" :titles="titles" v-model="checked" :data="data" :props="labelAndKey" @change="chan 阅读全文
posted @ 2020-09-03 15:30 黄鹂 阅读(4930) 评论(0) 推荐(0)
vue中$router和$route的区别
摘要：1、this.$router是VueRouter的实例方法，当导航到不同url，可以使用this.$router.push方法，这个方法则会向history里面添加一条记录，当点击浏览器回退按钮或者this.$router.back()就会回退之前的url。 2、this.$route相当于当前激活 阅读全文
posted @ 2019-10-16 14:09 黄鹂 阅读(403) 评论(0) 推荐(0)
vue页面刷新重定向
摘要：在App.vue中，添加如下代码： 阅读全文
posted @ 2019-09-10 18:09 黄鹂 阅读(8024) 评论(0) 推荐(0)
Mac升级Node.js和npm到最新版本指令
摘要：一.查看本机当前Node.js和npm版本 node -v npm -v 二.清除node.js的cache sudo npm cache clean -f 三.安装"n"版本管理工具，管理node.js sudo npm install -g n 四.更新node.js版本 sudo n stable 五.更新npm版本 sudo npm install npm@late... 阅读全文
posted @ 2019-07-18 17:54 黄鹂 阅读(1653) 评论(0) 推荐(0)
vue中路由按需加载的几种方式
摘要：使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如： 普通加载的缺点： webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢 1、require.ensure()实现按需加载 语法： vue中使用 阅读全文
posted @ 2019-04-27 19:19 黄鹂 阅读(4682) 评论(0) 推荐(0)
Vue子组件调用父组件的方法
摘要：第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 子组件 第二种方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了。 父组件 子组件 第三种是父组件把方法传入子组件中，在子组件里直接调用这个方法 父组件 子组件 阅读全文
posted @ 2019-04-15 21:49 黄鹂 阅读(1717) 评论(0) 推荐(0)
对下拉的一些操作记录
摘要：下拉框，加载数据，可以在当下拉打开时，加载数据。可以记录一下临时变量，提供后续的查询，修改使用。change时，根据临时变量，查询对应的数据，在进行操作。 阅读全文
posted @ 2019-04-12 08:57 黄鹂 阅读(198) 评论(0) 推荐(0)
Vue tree自定义事件注意点
摘要：{{ node.label }} append(data)"> Append remove(node, data)"> Delete（这样点击的时候，就不会触发点击节点的事件） ... 阅读全文
posted @ 2019-03-27 09:43 黄鹂 阅读(3429) 评论(0) 推荐(0)
element-ui el-upload http-request自定义上传方法
摘要：html js 阅读全文
posted @ 2019-03-14 17:56 黄鹂 阅读(36397) 评论(1) 推荐(1)
yarn的安装和使用
摘要：一、yarn的简介： Yarn是facebook发布的一款取代npm的包管理工具。 二、yarn的特点： 三、yarn的安装:下载node.js，使用npm安装 查看版本： 安装node.js,下载yarn的安装程序: 提供一个.msi文件，在运行时将引导您在Windows上安装YarnYarn 淘 阅读全文
posted @ 2019-03-11 23:46 黄鹂 阅读(25360) 评论(0) 推荐(0)
vue-cli 构建的项目 webpack 如何配置不 build 出 .map 文件？
摘要：build命令后占体积最大的竟然是.map文件，webpack如何设置不让编译出.map文件呢？ 阅读全文
posted @ 2018-03-21 11:24 黄鹂 阅读(462) 评论(0) 推荐(0)
Vue + Webpack-simple 怎么修改生产环境下运行的端口？
摘要：开发环境下运行 npm run dev，默认运行在localhost：8080端口，想要修改端口，于是在"dev“后增加了--port 8081 阅读全文
posted @ 2018-03-21 10:17 黄鹂 阅读(326) 评论(0) 推荐(0)
vuex的简单使用
摘要：第一、 在src下新建store文件夹，不是必须的，但是个人建议创建。 并新建一下几个js文件。 第二、 在main,js中引入store文件。 第三、 在store文件下的index.js中，定义变量，并且需要导出，提供给后续使用。 实例化之后，将会挂载在vue实例中。 第四、 新建一个模板，进行 阅读全文
posted @ 2018-03-13 15:20 黄鹂 阅读(197) 评论(0) 推荐(0)
在vue项目中使用element-ui的Upload上传组件
摘要：其中importFileUrl是后台接口，upLoadData是上传文件时要上传的额外参数，uploadError是上传文件失败时的回掉函数，uploadSuccess是文件上传成功时的回掉函数，beforeAvatarUpload是在上传文件之前调用的函数，我们可以在这里进行文件类型的判断。 阅读全文
posted @ 2018-01-17 14:52 黄鹂 阅读(4673) 评论(0) 推荐(0)
vue编程式导航
摘要：父页面传参： 子页面接收参数： 阅读全文
posted @ 2017-11-22 11:02 黄鹂 阅读(382) 评论(0) 推荐(0)
vue 动态组件，传递参数
摘要：在子组件中接收参数 阅读全文
posted @ 2017-11-20 16:41 黄鹂 阅读(20247) 评论(0) 推荐(1)
vue active样式显示
摘要：html:代码 休息休息 休息休息 休息休息 休息休息 css样式： .active { background: rgb(21,149,136); color: white; border: 1px solid green; ... 阅读全文
posted @ 2017-11-16 14:19 黄鹂 阅读(3624) 评论(0) 推荐(0)
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
摘要：*转发至：http://blog.csdn.net/fungleo/article/details/54574049第一步，分别设置不同的接口地址 首先，我们分别找到下面的文件： /config/dev.env.js /config/prod.env.js 其实，这两个文件就是针对生产环境和发布环境设置不同参数的文件。我们打开dev.en.js文件。代码如下： var merge = r... 阅读全文
posted @ 2017-11-16 11:23 黄鹂 阅读(476) 评论(0) 推荐(0)
用key管理可复用元素
摘要：我么再看看使用key管理可复用元素。添加key属性，则这两个元素是相互独立，不再复用。这样当我们在切换input时里面的数据会被清除。 阅读全文
posted @ 2017-10-21 11:46 黄鹂 阅读(860) 评论(0) 推荐(0)
动态绑定v-model
摘要：在data中定义一个空的数组； 在模板中v-model中，定义好即可；这只是其中的一种，我觉得还应该有更好的方法，希望大家指出~~ 阅读全文
posted @ 2017-10-20 18:33 黄鹂 阅读(6181) 评论(0) 推荐(0)

1 2 3 下一页