- Vue实现购物车监听变化,以及模糊查询 css<style> * { margin: 0; padding: 0; } header { display: flex; justify-content: space-between; } ... Vue实现购物车监听变化,以及模糊查询 css<style> * { margin: 0; padding: 0; } header { display: flex; justify-content: space-between; } ...
- Vuex实现完整购物车功能描述加购全选 反选数量加减总价 总量删除本地存储效果展示一:点击加入购物车页面 详见 加购页面二:购物车页面lookCart知识点: 过滤器<template> <div> <van-nav-bar title="购物车" left-text="返回" left... Vuex实现完整购物车功能描述加购全选 反选数量加减总价 总量删除本地存储效果展示一:点击加入购物车页面 详见 加购页面二:购物车页面lookCart知识点: 过滤器<template> <div> <van-nav-bar title="购物车" left-text="返回" left...
- Pagination 子组件<template> <div> <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="8" layout="prev, pager, nex... Pagination 子组件<template> <div> <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="8" layout="prev, pager, nex...
- Vue配置拦截器 Vue配置拦截器
- 凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff 对象html :style="{ color: activeColor, fontSize: fontSize + 'px' }"html :st... 凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff 对象html :style="{ color: activeColor, fontSize: fontSize + 'px' }"html :st...
- 组件_通信 prop父组件传递数据给子组件时,可以通过特性传递。推荐使用这种方式进行父->子通信。 $emit子组件传递数据给父组件时,触发事件,从而抛出数据。推荐使用这种方式进行子->父通信。 v-model .sync $attrs祖先组件传递数据给子孙组件时,可以利用$attrs传递。demo或小型项目可以使用$attrs进行数据传递,中大型项目不推荐,数据流会变的难于理解。$att... 组件_通信 prop父组件传递数据给子组件时,可以通过特性传递。推荐使用这种方式进行父->子通信。 $emit子组件传递数据给父组件时,触发事件,从而抛出数据。推荐使用这种方式进行子->父通信。 v-model .sync $attrs祖先组件传递数据给子孙组件时,可以利用$attrs传递。demo或小型项目可以使用$attrs进行数据传递,中大型项目不推荐,数据流会变的难于理解。$att...
- 模板定义的替代品 内联模板在使用组件时,写上特殊的特性:inline-template,就可以直接将里面的内容作为模板而不是被分发的内容(插槽)。<my-cmp inline-template> <div> <p>These are compiled as the component's own template.</p> <p>Not parent's transclusi... 模板定义的替代品 内联模板在使用组件时,写上特殊的特性:inline-template,就可以直接将里面的内容作为模板而不是被分发的内容(插槽)。<my-cmp inline-template> <div> <p>These are compiled as the component's own template.</p> <p>Not parent's transclusi...
- 相信自己的直觉,顽固的人不喊累!今天来详细解释Vue 收集表单的数据,说到数据我们就想到要使用v-model ,双向数据绑定,技能收集用户输入数据,又能想页面传入数据那么我们下面就来做一个简单的表单介绍vue是如何收集数据的1.首先我们使用html编写一个简单的表单,有输入框,单选框,多选框,密码框,下拉框,文本框,以及按钮<form id="root" @submit.prevent='d... 相信自己的直觉,顽固的人不喊累!今天来详细解释Vue 收集表单的数据,说到数据我们就想到要使用v-model ,双向数据绑定,技能收集用户输入数据,又能想页面传入数据那么我们下面就来做一个简单的表单介绍vue是如何收集数据的1.首先我们使用html编写一个简单的表单,有输入框,单选框,多选框,密码框,下拉框,文本框,以及按钮<form id="root" @submit.prevent='d...
- 今天有事努力的一天!!!如果事与愿违,那一定另有安排。积极生活,让我们的每一天都充满热情。 上知识!在Vue中我们可以通过计算将已知的属性通过computed计算得到不存在是属性比如说我们在下面举一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa... 今天有事努力的一天!!!如果事与愿违,那一定另有安排。积极生活,让我们的每一天都充满热情。 上知识!在Vue中我们可以通过计算将已知的属性通过computed计算得到不存在是属性比如说我们在下面举一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa...
- 一.事件绑定1.绑定class样式字符串写法对象写法数组写法2.绑定style样式对象绑定法下面我们来一一介绍不同方法的使用方法及使用场景,大家可以先看代码中不同方法的使用,看不懂的小编也会在后面讲解的哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp... 一.事件绑定1.绑定class样式字符串写法对象写法数组写法2.绑定style样式对象绑定法下面我们来一一介绍不同方法的使用方法及使用场景,大家可以先看代码中不同方法的使用,看不懂的小编也会在后面讲解的哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp...
- 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作,有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType... 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作,有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType...
- vue3.0可以有多个根节点 1.setup函数的用法,可以代替vue2中的data和methos属性,compued属性,都是直接写在setup中就可以了//在script上加setup属性,组件编译过程中的代码运行是在setup函数中,所有es模块导出都认为暴露给上下文的值,并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的... vue3.0可以有多个根节点 1.setup函数的用法,可以代替vue2中的data和methos属性,compued属性,都是直接写在setup中就可以了//在script上加setup属性,组件编译过程中的代码运行是在setup函数中,所有es模块导出都认为暴露给上下文的值,并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的...
- Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,Vue 学习起来非常简单。官方网站:https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction.... Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,Vue 学习起来非常简单。官方网站:https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction....
- Vue模板语法——插值 Vue模板语法——插值
- 一. 跨域的概念同一时间,一个页面存在访问多个主机的情况,且每个主机之间,协议,主机,端口其中之一不相同。同源策略:两个主机,如果是协议,主机或域名,端口,其中之一不一样,就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻... 一. 跨域的概念同一时间,一个页面存在访问多个主机的情况,且每个主机之间,协议,主机,端口其中之一不相同。同源策略:两个主机,如果是协议,主机或域名,端口,其中之一不一样,就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付,智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性,从Skill市场安装专家技能,带你零距离体验从需求,开发,审查,重构全链路闭环的开发过程。从零构建并交付一个完整项目,让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力,创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者,带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能,并体验业界主流具身模型应用。
回顾中 -
用码道,让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程,只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签