logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue实现购物车页面操作 商品的单选和全选以及商品单价和总价的动态变化

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

vue父组件通过props传值设置子组件的样式

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

vue 对象属性数组从对象数组中动态渲染值

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

vue 解决路由参数变化 当前页面以及页面内的组件未更新的问题

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

iview爬坑之路(一)render以及renderHeader函数

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

VScode 配置Vue ESlint + 格式化代码

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

vue项目中引入iconfont及引入图标后显示方块问题

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

vue 解决连续点击按钮多次提交表单的问题

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

Vue父组件调用子组件事件的两种方法

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

自定义yarn运行vue项目命令

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

    共 12 条
  • 1
  • 2
  • 请选择