文章 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-09 来自:开发者社区

vue项目中关闭eslint报错

修改配置文件,没有就新建 vue.config.jsmodule.exports = { lintOnSave: false }

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

Heroku部署vue项目失败:sh: 1: vue-cli-service: not found

剧情介绍最近写了一个Express + Vue前后端项目demo,打算部署到Heroku部分目录结构如下server.js // Express提供数据接口 package.json client/ // Vue前端显示数据 package.json整个项目都保存到Github上,让Heroku自动部署前端项目不能在本地打包,不然dist目录将会...

Heroku部署vue项目失败:sh: 1: vue-cli-service: not found
文章 2022-09-07 来自:开发者社区

Vue3+TS的项目中使用NProgress进度条

本文主要介绍如何在 Vue3+TS 的项目中使用 NProgress 进度条,示例代码非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友往下看。介绍NProgress 是一个轻量级的进度条组件,它的原理非常简单,就是页面启动的时候,构建一个方法,创建一个 div,用 fixed 定位,把这个 div 定位在页面最顶部。相信很多小伙伴都知道,一个页面或者一个接口的进度计算是非常复杂的....

文章 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-09-07 来自:开发者社区

vue项目中的“Invalid Host header”

修改vue.config.js的配置devServer: { disableHostCheck: true, }

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

Vue项目风格指南

一、必要1、组件名应该始终是多个单词Vue.component('todo-item', { // ... }) export default { name: 'TodoItem', // ... }2、组件的 data 必须是一个函数Vue.component('some-comp', { data: function () { return { foo: ...

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

Vue项目中使用继承extends实现复用代码

parent.vue定义了1个方法和2个数据<template> <div class=""> 这是父组件 {{message}} </div> </template> <script> export default { name: 'Parent', data() { return {...

Vue项目中使用继承extends实现复用代码
文章 2022-09-06 来自:开发者社区

Vue项目的预渲染与页面元信息配置

测试环境利用脚手架生成一个vue项目,需要选择 vue-router# 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo一、预渲染1、安装插件cnpm install prerender-spa-plugin --save2、配置预渲染vue.config.js 中增加,....

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

阿里巴巴终端技术

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

+关注