ICode9

精准搜索请尝试: 精确搜索
  • vue组件样式穿透/deep/ ::v-deep >>>区别2022-08-26 17:33:04

    在写一些vue项目时候,经常会引入一些组件。无论是自定义组件还是引入的外部组件。style标签上都有scoped属性。防止影响到其他页面上的样式。但是又是需要在父组件更改自组件的样式。就要用到组件穿透(也叫深度修改css)。可用的方法有 /deep/ ::v-deep >>> >>>如果项目使用的是css 原

  • SBOM落地的关键一步——漏洞可利用性交流(VEX)2022-08-26 13:02:26

    SolarWinds 网络安全事件的影响,加上 Log4j 漏洞对众多知名企业产生难以估量的后果,使软件供应链安全成为安全领域的热门话题,并且SBOM现在成为网络安全漏洞计划的一个重要组成部分。 SBOM 本质上是构成软件的组件列表,其好处之一是识别潜在的带有漏洞的组件。领先的 SBOM 平台和工具,

  • Vue快速完成前后端开发的相关问题2022-08-25 18:30:12

    创建vue项目 1.使用GUI界面创建Vue工程 在DOS窗口下在指定目录下执行vue ui,然后在 http://localhost:8000页面下进行相关的配置即可。 2.在DOS窗口下 使用vue create 项目名称命令创建项目 前端访问后端接口 前端通过Ajax请求访问后端的Restful接口。因此需要安装axios插件。(ax

  • antdesign vue中写了样式不加载的解决方法2022-08-25 17:32:23

    在vue组件里,lang设置为less,在style设置为scoped的时候 ,在写样式有时候对子组件不生效。如果想让某些样式对子组件生效,可以使用 /deep/ 深度选择器。 代码: /deep/.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-m

  • angular父子组件方法互调方案2022-08-25 15:01:23

    父组件调用子组件 不写了上地址 https://blog.csdn.net/xuehu837769474/article/details/80072556 子组件调用父组件 先了解组件之间的交互 https://angular.cn/guide/component-interaction 父组件html, hero 是父组件向子组件传书的参数 <app-child #child1 [hero]="phero">

  • 封装文件导入组件,含导入进度条2022-08-25 11:30:29

    需求 系统中需要有多个文件导入的地方,因此需要把它封装为组件便于复用。 问题是:每次的导入 url 不同,每次封装的导入接口应该在主页面用呢?还是在组件页面用? 解决办法 分析:其实这里进入了一个误区———每个接口 url 都应该封装成一个接口。完全可以不同的接口地址都封装成一个接口,

  • ref 获取元素和组件2022-08-24 15:03:03

    父组件 : <template> <div> <div class="name" ref="oneRef"> ref第一个 </div> <div class="name" ref="twoRef"> ref第2个 </div> <hello ref="ziRef"></hello&g

  • 5分钟搭建1个智慧物流数据可视化大屏2022-08-24 11:01:04

    广义上,智慧物流是指通过智能软硬件、物联网、大数据等智慧化技术手段,实现物流各环节精细化、动态化、可视化管理,它以信息技术为支撑,在物流运输、仓库、包装、装卸搬运、流通加工、配送、信息服务等各个阶段实现系统感知,将原本密密麻麻的表格数据可视化之后,人们更容易理解和接受。

  • 父子组件的传值2022-08-23 19:35:11

             父子组件的传值关系。刚开始开发页面时,我总是避开,很少写组件,原因是我总是理不清父子组件之间的传值关系,但渐渐地我发现我写的代码是非常冗余的,复用性也很差。因此,我慢慢地开始以组件的形式写,页面也整洁了很多。 在某些大的功能中,功能不仅多,逻辑也很复杂,页面也是一

  • Vue3插槽2022-08-23 18:33:13

    一、前言 插槽其实就是子组件提供给父组件的占位符。子组件定义好插槽后,父组件可以替换插槽内容。 子组件不提供插槽时,父组件填充失效 父组件无填充时,会使用插槽默认内容 二、语法 定义插槽: <slot></slot> 使用插槽 <template v-slot></template> v-slot可简写为# <template #d

  • 利用context组件数据传递2022-08-23 17:33:26

     react的数据传递 是从父级向子级传递的。通过props。如果是很多组件需要的数据,通过props传递会非常麻烦。这个时候可以使用context。 context需要可以类似于store但是也不能滥用。 react-redux的 <Provider /> ,就是通过 Context 提供一个全局态的 store ,路由组件react-router通

  • 踩坑合集2022-08-23 15:05:47

    这是关于我的踩坑合集 springboot Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. 一开始看到这个报错我都蒙了,因为我们还没有配置数据什么的啊,就是简单的搭建了一个架子啊怎么就起不来呢? 解决办法 将

  • 使用monorepo发布vue3组件库2022-08-23 13:01:50

    安装pnpm npm install pnpm -g 初始化package.json pnpm init 新建配置文件 .npmrc 在根目录下新建.npmrc文件,并写入如下内容 shamefully-hoist = true ::: tip 注意 如果某些工具仅在根目录的node_modules时才有效,可以将其设置为true来提升那些不在根目录的node_modules,就是

  • slot插槽2022-08-23 11:33:29

    插槽,也就是槽,是组件的一块HTML模板,这块模板显示不显示,以及怎样显示由父组件来决定。 插槽分为:匿名插槽| 具名插槽| 作用域插槽 1、匿名插槽 它不用设置名称属性,可以放置在组件的任意位置;可以理解为父传入样式及内容,子负责展示 index.vue 父组件 1 2 1 2 slot2.vue   子组件

  • Vue3中插槽(slot)用法汇总2022-08-23 10:32:27

    theme: fancy Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过,但是你是否了解它全部用法呢?本篇文章就为大家带来Vue3中插槽的全部用法来帮助大家查漏补缺。 什么是插槽 简单来说就是子组件中的提供给父组件使用的一个坑位,用<slot></slot> 表示,父组件可以在这个坑位中填充任何

  • Vue2按需引入elementUI组件2022-08-23 01:03:14

    按需引入 官方文档介绍 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。 首先 安装 babel-plugin-component: npm install babel-plugin-component -D 然后 将 babel.config.js 增加以下内容 "plugins": [ [ "component", { "lib

  • Vue路由传递参数与接受参数2022-08-22 21:00:37

    路由(参数传递) 使用路径匹配的方式 修改路由配置 { path: '/xxx/xxx/:id', component: XXX } 主要是在 path 属性中增加了 :id 这样的占位符,来接受路由参数 例如 /xxx/xxx/66 ID={{$route.params.id}} 源组件 => 源组件 // 源组件 <template> <div> <!-

  • 微信小程序 自定义时间组件2022-08-22 15:04:04

    效果图 代码 xml <view class="date_bg_view"> </view> <view class="date_content"> <view class="date_title"> <van-icon name="cross" class="close" size="20px" color="

  • 2 Django-message组件2022-08-22 15:02:56

    假设:你正在做一个订单支付平台,其中用到了删除/撤销订单问题。想给予用户一些提示。可以用到Django的message组件。 该组件通过第一次请求,写入提示信息并返回重定向,第二次请求,呈现提示内容。 建议:有跳转的时候才使用message,更多时候通过ajax就可完成。 message其实是一个对象 1 s

  • 普通插槽2022-08-22 14:30:19

    父组件 : <template> <div class="app"> <!-- 1.内容是button --> <show-message title="哈哈哈"> <button>我是按钮元素</button> </show-message> <!-- 2.内容是超链接 --> <show-messag

  • Vue 组件通信之 Bus2022-08-22 14:04:49

    bus详细描述: vue中非父子组件之间通信除了使用vuex,也可以通过bus总线,两者适用场景不同。 bus适合小项目、数据被更少组件使用的项目,对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式,利用vue的自定义事件机制,在触发的地方通过$emit向外

  • 同一个父组件,兄弟组件相互传参,调用2022-08-22 10:30:08

    组件brother2想调用组件brother1的方法,并传参 可以新建一个handler.js文件 import Vue from 'vue'; export default new Vue();  brother1组件方法: import handler from './handler'; methods: { handleEmit () { console.log('tabNum',this.tabNum)

  • vue中子组件修改父组件中传递的参数的值2022-08-22 10:01:48

    方法一: 1 <!--父组件代码--> 2 <template> 3 <div> 4 <p>我是父组件</p> 5 <button @click="handleShowChild" v-show="!isVisibleChild">显示子组件</button> 6 <child :visible = 'isVisibleChi

  • Mobile-terminal-development-experiment-5-experiment-report2022-08-21 21:36:22

    2022年夏季《移动软件开发》实验报告 姓名:王思恩 学号:20020007070 姓名和学号? 王思恩,20020007070 本实验属于哪门课程? 中国海洋大学22夏《移动软件开发》 实验名称? 实验5:第一个android应用小程序 博客地址? https://www.cnblogs.com/wang-si-en/ Github仓库地址? http

  • react组件三大核心之一state2022-08-21 18:34:11

    - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有