【实习笔记8】

最新推荐文章于 2024-08-31 03:49:01 发布

原创最新推荐文章于 2024-08-31 03:49:01 发布 · 481 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

一，jquery方法

on（) 事件绑定方法 $(selector).on(event, childSelector, data, handler)

selector: 需要绑定事件的元素选择器。
event: 要绑定的事件类型，如 "click", "mousemove" 等。
childSelector: 可选参数，用于指定触发事件的子元素选择器。如果没有子元素参与事件，则可以省略此参数。
data: 可选参数，传递给事件处理程序的数据。如果没有需要传递的数据，可以省略此参数。
handler: 事件处理程序，即当事件触发时执行的函数。

find() 方法是 jQuery 中的一个选择器方法，用于在指定的元素集合中查找匹配的子元素。它的语法如下：

$(selector).find(filter)

参数解释：

selector: 用于指定要查找的子元素的选择器。
filter: 可选参数，用于进一步过滤匹配的子元素。

find() 方法将在当前元素集合中查找与指定选择器匹配的所有子元素，并返回一个新的 jQuery 对象，其中包含匹配的子元素。

二，router

redirect: 'noredirect' 是一个常见的路由配置选项，通常用于指定在某些情况下不进行重定向操作。

具体而言，当使用某些路由管理框架（如Vue Router）时，可以通过配置路由对象的 redirect 属性来定义路由的重定向行为。当设置为 'noredirect' 时，表示该路由在导航时不会触发重定向操作。

三，native

.native 是 Vue.js 中用于监听根元素的原生事件的修饰符。

在 Vue 组件中，如果你想监听根元素上的原生事件（如 click、keydown 等），通常需要使用 v-on 指令。但是，如果你希望在自定义组件中使用原生事件监听器，就需要使用 .native 修饰符。

例如，在以下的代码中，我们定义了一个包含按钮的自定义组件 MyButton，并在组件内部使用原生的 click 事件：

<template>
  <button @click.native="handleClick">
    <slot></slot>
  </button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('clicked');
    }
  }
}
</script>

在这个例子中，我们在 <button> 标签上使用了 @click.native 修饰符，表示监听原生的 click 事件。如果不使用 .native 修饰符，Vue.js 将会在组件内部寻找名为 click 的自定义事件，并且不会监听到根元素上的原生事件。

需要注意的是，.native 修饰符只能用于原生事件，不能用于自定义事件。同时，.native 修饰符也不能用于普通的 HTML 元素，只能用于组件的根元素。如果你需要监听其他元素上的事件，请直接使用 v-on 指令。

四，<doc-alert title="" url="https://" />

Vue 组件模板中的示例，它用来在页面上渲染一个工作流的提示信息。

具体来说，<doc-alert> 组件接受了两个属性：

title="工作流"：指定了提示框的标题为 "工作流"。
url="https://doc.iocoder.cn/bpm"：指定了提示框的链接地址为 "工作流（Flowable）会签、或签 | ruoyi-vue-pro 开发指南"。

该组件会生成一个带有标题和链接的提示框，用来提醒用户有关工作流的相关信息。在实际的应用场景中，可以根据需要修改 title 和 url 属性的值，以适应不同的业务需求。

五，自定义命令

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。