文章目录前言一、自述:二、功能实现实现购物车增加、减少、删除功能总结 前言一、自述:博客小白,刚接触vue不久,由于写作品需要京东购物车这个功能板块,所以,在这里分享一下自己的实现思路以及部分代码。希望能帮助到大家。效果如下:二、功能实现实现购物车增加、减少、删除功能首先,博主先说一下自己的思路:1.当用户选中商品并点击添加的时候,我们获取当前商品的id,然后把改商品存到vuex中的shopCa
转载 2024-01-10 19:38:33
50阅读
1class:class="{item:true,selectedT:item.selected==1}
转载 2018-01-08 11:08:45
572阅读
 封装axios请求 ? 在第一篇中我们的附近店铺是写死的数据,我们把它通过接口请求过来。 在 util 下的 request.js 中我们还需要写一个 get 请求来获取附近店铺的数据,那我们创建一个 axios 实例对象,在里面配置参数,这样就不需要在每个请求里都设置 baseURL 了。const instance = axios.create({
转载 2024-03-19 13:54:36
67阅读
Vue中有2种数据绑定的方式:1. 单向绑定(v-bind): 数据只能从data流向页面。2. 双向绑定(v-model): 数据不仅能从data
原创 2022-12-21 10:28:56
658阅读
 v-bind:class=" "    绑定样式    <div id="app">          值是对象形式,字段名是class样式名,值是boolean值,true是引用该样式,false不引用 -->          值是false,只是不引用该样式,并不是就不显示该元素了 -->         <p v-bind:class="{red:true}
转载 2021-05-10 19:25:49
824阅读
2评论
<template> <div id="app"> <h2>{{msg}}</h2> <br> <div v-bind:title="title">鼠标瞄上去看一下</div> <img src="https://www.load
转载 2021-08-13 09:30:33
483阅读
应用实例html js 注意这里要用methods,不要忘记了s。
原创 2021-08-05 16:20:40
1213阅读
上面所说的UI控件一般指的是表单控件。 input:text <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, ini
转载 2020-12-11 15:29:00
789阅读
vue for 绑定事件
转载 2016-07-29 08:37:00
529阅读
2评论
1.Vue如何处理事件? v-on 指令用法 <input type = 'button' v-on:click = 'num++'/> v-on 简写形式 <input type = 'button' @click = 'num++'/> 2.事件函数的调用方式 直接绑定函数名称 <button ...
转载 2021-09-26 10:45:00
468阅读
2评论
Vue 绑定样式
原创 2022-06-06 12:32:18
358阅读
使用textarea {{message}} 使用radio 性别: 男 女 选中了谁: {{message}} 使用select下拉框 value: {{message}} 总结 1.通过双向绑定,得出需要用到 [^ textarea] 进行绑定 [^ texterea]:在文本区域插值 ({{t
原创 2022-06-28 14:08:58
826阅读
【代码】vue绑定事件。
原创 2023-10-31 10:47:13
123阅读
# Vue 绑定 Axios 的实现指南 在现代的前端开发中,Vue.js 和 Axios 的结合使用已经成为一种常见的模式。Vue.js 是一个构建用户界面的渐进式框架,而 Axios 是一个基于 Promise 的 HTTP 客户端,它可以用于浏览器和 Node.js 中。本文将带领你通过一系列的步骤实现 Vue.js 中绑定 Axios 的功能,帮助你更好地进行数据请求和处理。 ## 流
原创 9月前
21阅读
绑定class样式--字符串写法<div class="basic" :class="mood" @click="changeMood">{{name}}</div>绑定class样式--数组写法<div class="basic" :class="classArr">123</div>绑定class样式--对象写法<div class="ba
原创 2022-12-22 22:31:40
249阅读
单向数据绑定:data流入页面,data一变,页面也变 双向数据绑定:data与页面双向绑定,互相影响,v-model:value="" v-model="" 只有输入dom才有value,v-model会默认收集输入类dom的value,所以可以去掉:value (v-model类似react中的 ...
转载 2021-07-19 23:39:00
381阅读
2评论
Vue中有两种数据绑定方式: 单向绑定(v-bind):数据只能从Vue实例流向容器 双向绑定(v-model):数据在Vue实例和容器之间是双向流动的 双向绑定应用在表单类标签上(v-model只能与标签的value属性值绑定),如input、select。 v-model:value可以简写为v ...
转载 2021-08-08 00:17:00
360阅读
2评论
Vue事件绑定 Vue对事件的基本操作: 页面标签中使用v-on:xxx或者简写@xxx绑定事件,xxx指事件属性名 事件的回调函数配置在data对象的methods属性对象中,最终绑定在vm上 methods中的函数不要使用箭头函数(function()=>{})形式,否则函数中的this将不会是 ...
转载 2021-08-12 00:18:00
917阅读
2评论
1、数据双向绑定 2、生命周期 vued钩子与jquery的ready函数类似,比较常用的有: (1)created:实例创建完成后调用,需要初始化处理一些数据时比较有用。 (2)mounted:el挂载到实例后调用,一般第一个业务逻辑在这里开始 (3)beforeDestory:实例销毁前调用,用
转载 2017-12-15 10:39:00
280阅读
2评论
绑定样式class样式写法: :class="xxx" ,其中xxx可以是字符串、对象、数组。字符串写法适用于:类名不确定,要动态获取。数组写法适用于:绑定的样式个数不确定、名字也不确定。<div class="basic" :class="classArr"></div>对象写法适用于:绑定的样式个数确定、名字也确定,但动态决定用不用。<div class="bas
原创 2023-09-18 18:21:46
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5