文章 2023-08-01 来自:开发者社区

Vue 自定义全局UI组件

在Vue开发中经常使用第三方插件,通过在 main.js 文件中 使用 Vue.use() 导入后就可以随意在任何 vue 页面进行使用这个组件,那么如果自己做一个呢?一、在当前Vue项目中任意位置建一个组件文件夹custom.vue:是自定义的组件UI,文件名随意,可以多个index.js:文件名推荐固定写法,后期只需要链接到文件夹,默认读取 index.js 文件custom.vue :&am...

Vue 自定义全局UI组件
文章 2023-07-12 来自:开发者社区

分享一个自己的vscode中vue自定义模板

因为在公司都是用scss 规范化的代码,这里写一个自己的vue模板方便以后自己或者他人使用一、ctrl + shift + p 在vscode打开弹窗输入snippets然后点击再输入vue点击会进入vue.json文件二、编辑如下代码"Print to console": { "prefix": "vue", "body": [ "<template>"...

分享一个自己的vscode中vue自定义模板
文章 2023-06-15 来自:开发者社区

web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)

一、Vue组件间通信1、props 和 $emitprops 常用于 父给子 传递数据this.$emit 常用于 子给父 传递数据event.$emit 常用于 兄弟组件间 传递数据示例:两个子组件(输入框组件&列表组件)动态添加和删除父组件(index.vue)父组件在子组件标签上绑定 @add 和 @delete 自定义事件<template> <div>.....

web前端面试高频考点——Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)
文章 2023-05-24 来自:开发者社区

Vue自定义网页顶部导航栏(高仿CSDN)

CSDN网页顶部导航栏,浮窗效果说明:此篇文章是基于前两篇文章发布,其中包含了vue-cli(脚手架)的使用,和vue-router(路由)的使用,同时使用了全局事件总线。导航栏效果导航栏几乎完全和 csdn 网页的导航栏相同导航栏代码<template> <div> <div class="navbarBox" style="min-hei...

Vue自定义网页顶部导航栏(高仿CSDN)
文章 2023-05-24 来自:开发者社区

Vue自定义网页顶部导航栏

ue自定义web网页顶部导航栏说明:此组件是为论坛类项目定制的一个实用的顶部导航栏,当然也可以用于其他的Web项目,只需要稍作修改便可以达到想要的效果。其中导航栏包含了搜索栏,用户头像,以及基本的导航标题。导航栏标题的选中是通过 vue-router(路由)实现。*:文末附下载连接*导航栏效果详细步骤第一步:安装 vue-routernpm i vue-router@3第二步:在 main.js....

Vue自定义网页顶部导航栏
文章 2023-04-23 来自:开发者社区

【Vue.js】简单说下vuejs中v-model自定义使用姿势

vue.js中有个v-model的语法,可以实现双向绑定。起初刚看到的时候,觉得很神奇。后面随着对vue.js的熟悉。发现这个其实是vue官方给我们实现的一个语法糖。使用v-model的时候,vue会绑定组件的value属性,在自定义组件上使用v-model,然后浏览器审查元素,就会发现组件上做了一个vue属性。如果在组件做出修改的话,就可以直接发射一个input的事件,把对应的值弹出到外面,就....

文章 2023-04-22 来自:开发者社区

Vue 使用Use、prototype自定义全局插件

Vue 使用Use、prototype自定义全局插件 开发环境 Win 10 node-v10.15.3-x64.msi下载地址:https://nodejs.org/en/ 实现方式11.   src目录下新建plugin目录2.   plugin目录下新建sendReuest.jsexport function sendReques....

文章 2023-02-24 来自:开发者社区

【Vue 开发实战】实战篇 # 28:如何自定义Webpack和Babel配置

说明【Vue 开发实战】学习笔记。解决 less 配置问题main.js 文件添加配置import Vue from "vue"; import App from "./App.vue"; import router from "./router"; import store from "./store"; import Antd from "ant-design-vue"; // 需要自定义样....

【Vue 开发实战】实战篇 # 28:如何自定义Webpack和Babel配置
文章 2023-02-24 来自:开发者社区

vue 里使用 antv g6 实现脑图左右布局、文本超出隐藏处理、自定义边、自定义节点、自定义事件功能

文档antv g6 文档:https://antv-g6.gitee.io/zh/docs/manual/introduction实现效果效果如下:只是简单的实现一下,有问题在所难免,有好的方案欢迎分享。数据这里需要对数据进行一个处理,state: 'left', 表示在左边渲染,anchorPoints 根据左边还是右边,以及是否有 children 有关export const TREELI....

vue 里使用 antv g6 实现脑图左右布局、文本超出隐藏处理、自定义边、自定义节点、自定义事件功能
文章 2023-02-22 来自:开发者社区

vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式?

要实现的功能比如:我们要实现白云地图24镇街的常住人口统计展示,然后需要我们实现 1s 自动轮播一次地区,自定义标签样式,自定义悬浮样式。准备工作1、安装依赖npm i echarts -s2、准备 24 镇街的 geoJson 数据关于怎么获取 24 镇街的 geoJson 数据,请参考我之前的一篇博客:怎么获取echarts需要的geoJson数据去渲染地图:以广州市白云区24镇街为例3、准....

vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式?

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

阿里巴巴终端技术

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

+关注