文章 2022-11-06 来自:开发者社区

Vue简易购物车奇偶行背景颜色设置

前言首先制作出购物车的页面和实现简易的功能<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=de....

Vue简易购物车奇偶行背景颜色设置
文章 2022-10-14 来自:开发者社区

VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法

步骤:1.安装全局依赖:npm install xe-utils vxe-table@next2.main.js中注册全局组件:import 'xe-utils' import VXETable from 'vxe-table' import 'vxe-table/lib/style.css' Vue.use(VXETable)3.组件中使用方法:这里举例为高级表格,自定义工具栏名称、图标。&am...

VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法
文章 2022-10-13 来自:开发者社区

vue项目中设置背景高度问题

Q. 在创建vue项目中, 当我们想去设置路由页面背景的时候,即使你给div设置了背景颜色,它背景显示的高度都只是你子元素盒子的高度,设置了 *height: 100%*依旧如此,那这究竟是什么导致的呢?默认的app.vue文件的html,body, #app 都默认高度为 0,所以在子元素中设置高度并不能百分比高度达到效果。解决方式:我们可以对 html, body ,#app 设置高度htm....

文章 2022-09-13 来自:开发者社区

Vue项目中background-image属性设置方法

vue项目中background-image属性设置方法方式一:直接访问在vue-cli项目中的放在public目录下的资源会被直接复制,不会经过webpack的打包处理。<span class="item-icon"></span> <style> .item-icon { width: 20px; height: 20px; backgroun...

文章 2022-09-10 来自:开发者社区

vue项目设置页面标题

router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM' })

文章 2022-09-10 来自:开发者社区

vue项目设置页面标题

router.beforeEach(({ to, from, next }) => { document.title = to.meta.title || 'XXX.COM' })

文章 2022-09-07 来自:开发者社区

vue项目中使用svg并设置大小颜色等样式

1、安装依赖npm install --save-dev svg-sprite-loader # 或者 yarn add svg-sprite-loader --dev2、新建svg资源目录将svg资源放入此目录,接下来会在配置文件中该路径mkdir -p src/assets/icons3、vue-cli 3.x 配置vue.config.jsmodule.exports = { chai...

文章 2022-08-12 来自:开发者社区

Vue 组件如何在设置 Props

在 Vue 中构建组件通常需要定义一些属性,以使组件可以更好复用,在这种情况下会使用 props 来自定义数据来传递数据。接下来以一个简单的组件来介绍如何使用组件 props 。&lt;CrayonAlert title="友情提示" description="请输入真实的信息" /&gt;如上面代码所示,组件定义两个属性 title 和 description,组件代码如下:&lt;temp.....

文章 2022-07-25 来自:开发者社区

vue中通过属性绑定为元素设置class类样式

vue中通过属性绑定为元素设置class类样式&nbsp;&nbsp;目录一、使用class样式二、代码&nbsp;&nbsp;一、使用class样式:1. &nbsp; 数组&lt;h1 :class="['red', 'thin']"&gt;这是一个邪恶的H1&lt;/h1&gt;&nbsp;2. &nbsp; 数组中使用三元表达式&lt;h1 :class="['red', "thin',....

vue中通过属性绑定为元素设置class类样式

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注