草庐IT

vue前端

全部标签

关于Vue3的defineProps用法

之前只是单纯的会用,因为vue关于父子组件通讯差别有一点点大。1.在父组件内传递变量的时候,需要加冒号:,否则你就只是单纯的传递了一个字符串而已。2.在子组件里不需要引入defineProps就可调用该函数去接收父组件传来的属性。我个人在这里给自己提醒⏰,可能我太迷糊了。这里需要注意!!这是definePropsAPI是一个函数,它的返回值就是父亲传来的属性。3.刚开始让我感到奇怪的是,我好像不用变量去接收,在template里也能正常使用。那我还用变量接收干啥呢?这个API的返回值有毛线用啊?也不用像React那样变量前面都得加一个props.才可以访问,也没有结构去拿。这么方便吗?4.恍然

xml - 如何使用 Django 将本地 JSON 对象加载到 D3.js 前端?

我正在尝试使用django后端创建一个d3.js可视化。我正在尝试将一些json渲染到map中:d3.json("world-countries.json",function(json){self.countries.selectAll("path").data(json.features).enter().append("path").attr("d",self.path).on("mouseover",function(d){d3.select(this).style("fill","#6C0");}).on("mouseout",function(d){d3.select(thi

从0开始搭建前端项目:使用ChatGPT实现高自动化完成率,提高开发效率并掌握最新前端技术

目录简介ChatGPT简介使用ChatGPT确定项目开发流程提问前端框架包含哪些技术?提问当前最流行的前端框架提问开发流程关于整个视频展示简介大家好,我是老李,我很高兴向您介绍我即将发布的一系列关于前端项目开发的文章。在这个系列中,我将借用ChatGPT的帮助,从零开始搭建一个前端项目,并尝试达到70%以上的自动化完成率。这个系列的文章将带您从搭建项目的基础开始,一步步实现一个完整的前端项目。我将向您展示如何使用ChatGPT来解决前端开发过程中的各种问题,并展示如何使用各种工具和技术来实现自动化完成率。在这个系列文章频中,您将学到如何使用最新的前端开发技术,如React、Vue、Angula

VUE3 中实现拖拽和缩放自定义看板 vue-grid-layout

VueGridLayout官方文档VueGridLayout中文文档1.npm下载拖拽缩放库npminstallvue-grid-layout@3.0.0-beta1--save2. vue3使用vue-grid-layout报错:external_commonjs_vue_commonjs2_vue_root_Vue_default.aisnotaconstructor 解决方案: vue3版本记得下载对应vue-grid-layout@3.0.0-beta1版本的库,因为vue-grid-layout是vue2版本的,但用的是vue3版本,所以要安装vue3的依赖和相关配置3. 在main

xml - 将 Magento 前端选项卡修改为自定义 View : For bundled products

如果是捆绑产品,我想显示子产品的其他详细信息。所以我做了下面的事情来在捆绑产品中添加额外的细节。我在管理员“自定义布局更新”中使用了以下XML代码descriptionDescriptioncatalog/product_view_descriptioncatalog/product/view/description.phtmladditionalAdditionalcore/templatemourtabs/bundledtabs.phtmltagsTagstag/product_listtag/list.phtmlreviewReviewsreview/product_view_l

原生HTML+CSS+JS制作自己的导航主页(前端大作业,源码+步骤详解)

文章目录前言一、插入背景二、头部1.导航栏2.优化导航栏3时间4.搜索框三、主体四、底部五、背景泡沫球特效六、note小便签七、全部代码1.index.html2.style.css3.index.js八、总结链接:https://pan.baidu.com/s/1uaRCJXyIrY56NXabau4wjw?pwd=LDL6提取码:LDL6前言咕咕了好久啦,今天使用原生HTML+CSS+JS做一个很简单的个人定制的导航主页吧!先看下完整的效果图吧!接下来的文章将逐步带领大家制作,现在太晚了,就精简了下,删除了部分动画效果,项目整体非常简单!项目地址:链接:https://pan.baidu.

Naïve UI——一个 Vue 3 组件库

注意,naive-ui仅支持Vue3。如果你在使用Vue2,可以去看看别的库。官网文档地址:https://www.naiveui.com/zh-CN/light/docs/introduction目录一、安装NaiveUI二、如何使用(1)局部安装(推荐)(2)全局安装(不推荐)三、支持的平台四、简单总结一、安装NaiveUInpmi-Dnaive-ui然后安装NaiveUI需要的字体:npmi-Dvfonts二、如何使用(1)局部安装(推荐)你可以直接导入组件并使用它。这种情况下,只有导入的组件才会被打包。naive-uiimport{defineComponent}from'vue'im

xml - 从 Axios 响应中解析 XML,推送到 Vue 数据数组

在我的Vue应用程序中,我使用Axios获取一个XML文件并使用parseString将XML解析为JSON。然后我需要将result传递给Vue数据(this.events)。我的console.log将解析后的XML显示为JSON,但我无法在此函数内推送Vue数据。varparseString=require('xml2js').parseString;axios.get(`http://url.to/events.xml`).then(response=>{parseString(response.data,function(err,result){console.log(res

javascript - Odoo 将小部件添加到网站前端

我是Odoo的新手,我被困在一个简单的点上。我已经在自定义模块的后端添加了一些小部件。现在,我想向我的网站前端添加一个小部件,但无法正常工作。我有以下片段:frontend_views.xml以及小部件的JavaScript代码:static/src/js/frontend.jsopenerp.test_module=function(instance,local){local.TestWidget=instance.Widget.extend({start:function(){console.log('Widgetloaded!');this._super();},});insta

一、创建uni-app + Vue3项目并配置自动导入

工欲善其事必先利其器,开发项目的第一步一定是配置环境和初始化项目工程,整个专栏后续都将在该工程上进行讲解,但是为什么要用cli创建uniapp项目呢?这里先多说几句:1、HbuilderX使用体验极差,我不打算使用它2、为便于后期开发,我们要在项目中配置自动导入3、为了代码规范,我们要在项目中配置Eslint1、创建项目我们整个项目技术栈将基于Vue3(setup语法糖模式)、TypeScript、ViteJs、包管理工具使用pnpm;下面,我们创建一个使用Vue3+TS+Vite的uniapp项目:npxdegitdcloudio/uni-preset-vue#vite-tscsdn-pro