序书写组件来代替重复性的开发,可能是现在最常用的开发方式本次是一个单选组件,现在基本上可以说是个ui框架都有单选组件。换句话说,你连一个单选组件都没有好意思说自己是个ui框架(开玩笑)那么为什么还要自己写呢? 不说社区有多少选择,单说写了 好不好用,我也不敢打包票,但是别人的哪有自己的香的(狗不嫌家贫,丑儿子也是儿不是)开始其实之前我看ui框架的单选组件时,我总是在想它是怎么写的? 后来某次翻看v
转载
2021-01-18 21:01:56
294阅读
2评论
单选按钮在单独使用时,不需要v-model,直接使用v-bind绑定一个布尔类型的值
原创
2023-02-07 05:56:09
307阅读
# Android 单选组件的实现
## 1. 简介
在Android开发中,单选组件是一种常见的用户交互控件,它允许用户从一组选项中选择一个选项。本文将介绍如何实现Android单选组件,并提供了详细的步骤和代码示例。
## 2. 实现步骤
下表展示了实现Android单选组件的步骤:
| 步骤 | 操作 |
| ---- | ---- |
| 1. 创建RadioButton布局 |
原创
2023-11-27 14:29:51
71阅读
项目参考vue-cli3-web-initant-design配置部分1. 实现ant-disign-vue的按需加载方案(1)引入所有的组件,然后加载到vue上面 components-ant
(2)对Ant Design Vue进行文件声明处理// @/types/index.d.ts
declare module 'ant-design-vue' {
const Ant: any
e
转载
2024-06-06 23:18:01
216阅读
项目需求遇到一个需渲染超大树结构数据,antd官方提供的tree组件并不能满足,因此通过网上资料自己写了一个big tree的组件;主要参照:https://github.com/Bowiezhang/vue-bigDataTree,但原文是基于vue的组件,且对于数据格式没有说明,因此写下本博客方便后人使用;核心原理:div下属两个div,一个div (real-tree-wrapp
效果: 所具备的功能: 1、切换学年 2、项目单选 3、前端懒加载(前端分页) 4、打开弹框可以回显上一次选中的项目,点击取消不进行操作 5、通过isRadioChange控制,选中后,再次点击可取消 components/ProjectRadio.vue <template> <div class
原创
2022-05-02 10:34:00
1028阅读
前言集合在我们日常开发使用的次数数不胜数,ArrayList/LinkedList/HashMap/HashSet······信手拈来,抬手就拿来用,在 IDE 上龙飞凤舞,但是作为一名合格的优雅的程序猿,仅仅了解怎么使用API是远远不够的,如果在调用API时,知道它内部发生了什么事情,就像开了透视外挂一样,洞穿一切,这种感觉才真的爽,而且这样就不是集合提供什么功能给我们使用,而是我们选择使用它的
转载
2023-07-20 20:43:36
0阅读
template: <a-tree v-if="treeData.length" :checkable="true" v-model="checkedSiteId" :checkStrictly="true" :tree-data="tree
原创
2022-10-28 09:03:16
1539阅读
点赞
实现一个带搜索功能的下拉单选组件,左侧为支持搜索的下拉框,中间按钮默认隐藏(仅当搜索无结果时显示),右侧为提示文本。当搜索无匹配
预览: 源码: <div id="app"> <!--单选框--> <label for="agree"> <input type="checkbox" id="agree" v-model="isAgree">同意协议 </label> <h2>您选择的是{{isAgree}}</h2> <but ...
转载
2021-10-15 15:21:00
142阅读
2评论
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
转载
2024-04-03 12:51:40
155阅读
参考vue文件地址:递归组件实现遍历效果递归组件实现思路:遍历数组元素,并判断子元素的子集数量是否大于0。如果子集的集合数量大于0,则需要需要再一次调用该组件。如果子集的集合数量等于0,则直接显示内容。创建组件<!-- subordinate:判断是否为子集递归; activeNames:打开折叠面板的集合。 -->
<van-collapse v-if="!subord
转载
2024-02-29 17:08:53
136阅读
单选 / 下拉 / 多选(select)组件在搭建 Vue 的 app 中特别常用,Vue select 除了用鼠标点选外,还可以有更多样的功能,比如搜索过滤,树状结构,tab 分组,按组选择等。这些高级功能都可以在第三方组件中找到,本文记录了我自己使用多年最好用的 5 款 Vue select 组件,每一款都经过我实际测试,推荐给大家。
原创
2022-02-26 07:36:34
2997阅读
原公司有一OA项目,虽然能支持一般的流程业务,但是在我看来拓展性和灵活性太差了。国庆前和老板讨论了后说可以让我重构OA的代码,因此趁着国庆期间将OA的前端部分进行重构了。现在重构的前端OA中组件相对比较少,今天打算增加一个单选框的组件,并记录一下分解和实现的思路。直接看设计师对单选框组件的设计稿: 可以看到原设计师给的设计稿中,组件由一个左侧标题区,和右侧内容区组
转载
2023-08-26 01:30:16
194阅读
PS:本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统(也有vue的项目),对于我这种只写过react demo 的小白菜确实是一个机会,学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如:react 是怎么样传输数据的?react 怎么封装组件?react 的生命周期?。。。。实际上vue熟练的同学们,我觉得转react还是
转载
2023-08-23 15:12:27
200阅读
我们先来总结一下前面已经认识的选项 el:指定Vue实例的挂载点,根实例的特有属性 data:用于声明需要响应式绑定的数据对象 components:Vue实例配置局部注册组件 template:用于挂载元素的字符串模板 render:渲染函数,创建虚拟DOM,是字符串模板的替代方案。现在开始一个例子介绍一下其他常用的选项(options对象的属性): 下面的代码局部注册了一个组件AgeStati
转载
2024-04-09 13:53:35
434阅读
组件基础 一、组件作用 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。
转载
2024-02-28 16:54:13
58阅读
(1)组件名 在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了: 该组件名就是 Vue.component 的第一个参数。你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候,强烈推荐遵循 W3C
转载
2019-03-26 11:44:00
551阅读
2评论
<div class="form_input"> <span>性别</span> <label class="sex sex1" v-bind:class="" value="m" v-model=...
原创
2023-01-03 14:52:53
109阅读
源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model结合select类型</title> </head> <body> <div id="app"> <!-- 选择一个--> <select ...
转载
2021-10-15 15:47:00
104阅读
2评论