vue
文章平均质量分 91
uncle_Huang
No pains,no gains.
展开
-
子组件调用的方法参数滞后问题
我的问题是这样子的,子组件里有elementui的跑马灯,在父组件中点击手动切换,但是跑马灯每次切换的都是上一次点击应该出现的结果,即方法调用的参数的值是上一次传过来的值,就是旧值。(下面的例子没有在项目里跑起来,写了一个大概,主要讲一下怎么解决)子组件children.vue<template> <div class="block"> <el-carousel height="150px"> <el-carousel-item v-fo原创 2020-07-22 10:00:53 · 466 阅读 · 0 评论 -
vchart的x轴与y轴坐标不一一对应问题
这里要注意,如果x轴全是整数的话,那就没事;如果x轴有小数的话,需要把x轴的数字类型转成字符串类型,不然的话,就会出现x轴与y轴坐标不一一对应问题,原创 2020-07-08 09:13:26 · 708 阅读 · 0 评论 -
在表单中修改数据,表格的数据也跟着修改的问题
最近遇到一个问题,在表单中修改数据,表格的数据也跟着修改,且不管是不是按确定或取消按钮,表格的数据还是被修改了,部分代码如下: editUser(row) { this.operateType = 'edit' this.isShow = true this.dialog.operateForm = row },刚开始还以为是table的传值...原创 2019-12-04 14:24:19 · 2595 阅读 · 5 评论 -
更改element-ui中MessageBox弹框的确定和取消位置
把样式改一下就行了<style>.el-message-box__btns{ display: flex; flex-direction: row-reverse;}</style>注意把style后面的scoped去掉,不然不起作用。原创 2020-01-09 15:08:18 · 3314 阅读 · 3 评论 -
vue零基础之四购物车实战
效果图如下:组件化之前(没加选中的课程和计算需付金额的功能)<body> <div id="app"> <div> 课程:<input type="text" name="" v-model='course'> 价格:<input type="text" name=...原创 2019-09-20 17:25:08 · 140 阅读 · 0 评论 -
node.js及Vue-cli安装
一、安装node.js下载地址:http://nodejs.cn/download/我选的是免安装版下载解压后,在计算机环境变量中设置路径。右击计算机,点击属性,点击高级系统设置。点击高级——环境变量在系统变量中,点击path——编辑点击新建,输入路径,如下图所示,我的路径为:D:\Program Files (x86)\vue\node-v12.9.0-win-x64\nod...原创 2019-08-28 15:42:05 · 386 阅读 · 0 评论 -
vue零基础之一核心知识
一、引包、留坑、实例化 、插值表达式{{}}1.引包确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号)页面引入刚下载的包<script type="text/javascript" src="vue.js"></script>2.留坑 即留一个vue模板插入的地方或者是vue代码对其生效的地方3...原创 2019-09-20 16:46:55 · 517 阅读 · 0 评论 -
vue零基础之二组件化开发
一、组件化开发1.创建组件的两种方式var Header = { template:‘模板’ , data是一个函数,methods:功能,components:子组件们 }//局部声明Vue.component(‘组件名’,组件对象);//全局注册 等于注册加声明了2.组件类型通用组件(例如表单、弹窗、布局类等)业务组件(抽奖、机器分类)页面组件(单页面开发程序的每个页面的都是一个...原创 2019-09-20 17:02:20 · 118 阅读 · 0 评论 -
vue零基础之三路由模块
一、路由的跳转原理(哈希模式)1.单页应用的路由模式有两种哈希模式(利用hashchange 事件监听 url的hash 的改变)history模式(使用此模式需要后台配合把接口都打到我们打包后的index.html上)2.哈希模式原理window.addEventListener(‘hashchange’, function(e) {console.log(e)})3.核心是锚点...原创 2019-09-20 17:19:09 · 196 阅读 · 0 评论 -
vue组件传值的几种方式
一、父子间传值1.props / $emit⼦组件中通过定义props接收⽗组件中通过v-bind绑定的数据⽗组件中通过监听⼦组件中$emit的⾃定义事件接收数据2.$parent / children⼦组件中通过this.parent这个对象获取⽗组件中的数据⽗组件中通过this.parent这个对象获取⽗组件中的数据⽗组件中通过this.parent这个对象获取⽗组件中的数据⽗组件...原创 2019-10-13 21:16:21 · 407 阅读 · 0 评论 -
vue.config.js常⽤配置
// vue.config.js 常⽤配置module.exports = {// 基本路径, vue.cli 3.3以前请使⽤baseUrlpublicPath: ‘/’,// 输出⽂件⽬录outputDir: ‘dist’,// ⽤于嵌套⽣成的静态资产(js,css,img,fonts)的⽬录。assetsDir: ‘’,// ⽣产环境sourceMapproductionS...原创 2019-10-13 17:19:29 · 192 阅读 · 0 评论