vue框架搭建，UI库使用的是iview，购物车页面使用iview的table组件，没有用到element，不知道实现起来效果怎么样，感觉iview有点坑。准备工作：数据源shoppingCart：[ ];该数据数据结构如下const items = {id: data.id,num: data.num,img: data.img...

一. 子组件在元素中绑定样式在props中写入style绑定的变量二. 父组件引入子组件并注册在子组件元素中绑定需要传的变量并给值

数据格式如下arr1 = [ "规格", "重量" ]arr2 =[ { "规格": "7号", "重量": "10斤" }, { "规格": "5号", "重量": "8斤" }, { "规格": "7号", "重量": "9斤" } ]用v-for就完事了，循环两次<div v-for="(s, index) in arr1" :key="index">...

需求描述：当前路由不变，参数改变，页面进行动态渲染如：/users/1 -> /users/2 ，参数由1变为2，页面数据需要更新，但是一般情况下原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。先介绍用到的两个方法watch一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名...

在此之前由于习惯了vue template的写法，使用render函数进行标签定义有些不大习惯，因此记录于此，以便日后参考。在项目中使用render函数最多的是iview的Table组件，所以以此为例自定义表内容用render函数自定义表内容语法：render: (h, params) => {return h(' 定义的元素 ', { 元素的性质 ...

1. 安装插件ESlintveturPrettier - Code formatterManta’s Stylus Supremacy2. 在setting.json文件中添加配置代码依次打开 ： 文件（file）–>>首选项（preferences）–>>设置（settings）在搜索框中输入setting.json在大括号中添加如下代码// v...

先进官网iconfont找到想要添加的图标，然后点击添加到购物车。2. 点击添加到项目，如暂未存在项目则点击添加至项目后可新建项目（iconfont需登录）3. 选择Symbol然后点击下载至本地4. 解压后，不需要前两项，剩余的在项目中新建一个iconfont文件夹并把这些文件添加到文件夹中5. 在入口文件main.js中引入css文件6. 在需要添加的图标的地方加上一...

做表单提交的时候遇到一个问题：表单以及其他的数据提交，如果连续点击提交按钮，不做处理的话会导致同一个表单提交多次到数据库。一开始想到这个问题，简单，在data函数中定义一个变量然后绑定到按钮的disable属性中点击提交按钮后把disable设为true，这样就会禁用按钮了，然后发出请求提交数据后在回调函数中再把disable改为false大功告成！但是问题来了如果后端出现问题导...

原文：Vue父组件调用子组件事件的两种方法首先我们要了解$on和$emitvm.$on( event, callback )：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。父组件中：<template><div>

在项目中的package.json文件的scripts块中可以看到新项目的yarn命令集合"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"},serve 就是vue项目的启动命令，可以通过修...