首页 > 其他分享 >前端Vue自定义勾选协议组件 可用于登录 注册等场景

前端Vue自定义勾选协议组件 可用于登录 注册等场景

时间:2023-07-01 09:33:59浏览次数:47  
标签:场景 自定义 登录 勾选 Vue 组件

前端Vue自定义勾选协议组件, 可用于登录 注册等场景, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13299

效果图如下:

cc-protocolBox

使用方法


<!-- agree:是否同意勾选  protocolArr:协议数组 @click:勾选同意点击 @protocolClick:协议点击 -->

<cc-protocolBox :agree="agree" :protocolArr="protocolArr" @click="agree = !agree"

@protocolClick="protocolClick"></cc-protocolBox>

标签:场景,自定义,登录,勾选,Vue,组件
From: https://www.cnblogs.com/ccVue/p/17518822.html

相关文章

  • 前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验验证
    前端Vue自定义登录界面切换tabs账号登录验证码登录模版支持手机号校验邮箱校验、验证码发送, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13298效果图如下:cc-loginTabs使用方法<!--selIndex:选中序列 tabs-arr:tabs数组 @tabClic......
  • Docker网络管理_自定义网络
    Docker网络管理_自定义网络基础命令dockernetwork--help命令名称说明dockernetworkconnect将容器连接到网络dockernetworkcreate创建一个网络dockernetworkdisconnect断开容器的网络dockernetworkinspect显示一个或多个网络的详细信息dockernet......
  • 使用 Dockerfile 自定义 Nginx 镜像
    一般来说,自定义Nginx只需要把静态文件放到镜像里就可以了,不需要重写 CMD 与 ENTRYPOINT。但是,如果的确需要在Nginx启动前执行一些操作,就需要重写 CMD 了,如果写成下边就样: FROMnginx COPYsomeshell.sh/ RUNchmod+x/someshell.sh CMDsomeshell.s......
  • [GPT] Vue 的 methods 中使用了 addEventListener,如何在 addEventListener 的匿名函数
     在Vue的methods方法中使用addEventListener时,你可以使用 箭头函数 来访问Vue实例的数据。箭头函数不会创建自己的作用域,而是继承父级作用域的上下文。以下是一个示例: html<template><button@click="attachEventListener">ClickMe</button></template><s......
  • [GPT] 如何让 vue-router 打开新窗口
     在VueRouter中打开新窗口可以通过使用<router-link>组件的target属性来实现。将target属性设置为`"_blank"`将会在新窗口中打开链接。以下是一个示例: html<router-linkto="/example"target="_blank">打开新窗口</router-link> 这将在单击链接时在新窗口中打......
  • O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?
    本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计,O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置,不需要过多的代码编写,业务人员可以直接进行修改操作。在流程表单设计界面,可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表单设计......
  • vue:<img>动态绑定的路径无法解析问题
    问题我们引用图片,正常的静态img图片是这么引用的<imgsrc="@/assets/img/icoms/people.png"/>没问题,只要路径正确在vue中动态绑定路径:src<img:src="@/assets/img/icoms/people.png"/>发现图片根本加载不出来,因为:src根本不能解析@/assets/img/icoms/people.png解决......
  • vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
    vane写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西,也有些人把很多接口都放在一个js文件内,看起来很是杂乱,后来用到nuxt写的时候,感觉用文件名来命名接口路径很是方便,无论是query参数还是params参数,都可以通过文件名来命名,也可以通过文件夹层级......
  • Vue3 在主页中加入其它模板页template
    模板页在components目录下新建HeaderComponent.vue文件 HeaderComponent.vue <template><div>元素</div></template><script>exportdefault{//组件名称name:'HeaderComponent'}</scri......
  • element新增自定义rules验证
    data中添加属性//电话验证  constvalidatePass=(rule,value,callback)=>{   letvalueStr=value+''   if(valueStr.length!=11||!valueStr.startsWith('1')){    callback(newError('电话必须为1开头的11位数字!'))   }......