<div class="form-group" id="rolelist"> <div class="col-xs-12"> <label for="exampleInputPassword1">角色</label> <div class="form-group" v-for="(item,index) in data">...
原创 2022-07-07 17:33:08
667阅读
vuejs浏览器查看比例(VueJS Tree)A highly customizable and blazing fast VueJs tree viewer. 高度可定制且快速的VueJs树查看器。 (Getting Started)(Install)You can install using yarn: 您可以使用yarn进行安装: $ yarn add vuejs-treeor with
tabs实现<template> <div> <div v-for="(item, index) in tabs" :key="index" class="coursespecialtyView-tabs-txt" :class="{active: isActive(index)}" @click="chan
原创 2023-09-13 22:17:19
437阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .active { color: red; } </style> </head> <body> <script sr
转载 2021-01-23 17:41:00
424阅读
2评论
a-table组件中加入以下两个属性:customRow="rowClick":rowClassName="rowClassName"/*** @Author: 路博欢* @Date: 2
原创 2023-03-09 17:22:40
743阅读
一、 什么是自定义指令我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能,对普通 DOM元素进行底层操作,这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令指令使用的几种方式://会实例化一个指令,但这个指令没有参数 `v-xxx` // -- 将值传到指令中 `v-xxx="value"`
转载 11月前
813阅读
<li v-for="(item, index) in 15" @click="clickcategory(index)" :class="{ active: categoryIndex == index }" > {{ index }} </li> return { categoryIndex:
原创 2022-04-21 13:32:32
952阅读
 1. 效果展示当没有行被选中时,按钮是不可用的 当有行被选中时,该行高亮,同时按钮可用 再次点击该行,取消高亮,按钮不可用 2. 代码2.1 组件代码table设置了highlight-current-row,可以在选中某个数据行时,高亮该行。table设置了@row-click="handleRowClick",绑定了行点击事件,用于获取被点击的行数据。
转载 2024-05-23 12:17:37
5216阅读
html <div> 语言:<select v-model="selectClassEnd" @change="selectClass($event)"> <option v-for="(options,id) in selectClassData" :key="id" :value="option ...
转载 2021-09-07 17:21:00
3459阅读
2评论
VUE 动态构建混合数据TREESELECT选择树,同时解决巨树问题 标签: vue java javascript vue.js 今天在项目中需要通过行政区域选择,然后选择该行政区域下面的景区,也就是要构建行政区划、景区两表数据表的树。全国的行政区域到县已经3500多了,再加上景区会有几万个点,这棵选择树不论是在后台还是在前台构建都比较大,会影响系统性能,需要前后端结合,动态构建,使用时
转载 2024-02-22 10:11:31
638阅读
vue中select设置默认选中 一、总结 一句话总结: 二、select设置默认选中实例 博客对应视频位置:1、vue中select设置默认选中https://fanrenyi.com/video/7/22 第14行:给select元素绑定的v-model的值是 默认option的value 第2
转载 2019-12-21 15:22:00
3431阅读
2评论
1.html 1 2 3 4 5 6 7
原创 2023-06-05 09:57:20
108阅读
第三步获取对应行的数据最后效果图踩坑经历今天搞了一下午可算搞懂了,网上我查了好多资料发现好像有点老了都比如这种的:<a slot=“action” href=“javascript:;” @click=“onUser(record)”>用户<a slot=“action” href=“javascript:;” @click=“onRole(record)”>权限slot、
刚开始入手Vue.js, 在获取select选中Option的Text的时候,首先想到的就是DOM操作,但是感觉这样很不Vue.后来打开调试器,调试了一下,发现: 
原创 2021-04-30 19:07:48
3083阅读
iview vue 动态禁止table选中
原创 2022-07-17 00:01:20
197阅读
想要在 Vue 中实现一个这样的无限级树形选择器其实并不难,关键点在于利用 递归组件 和 高阶事件监听,下面我们就一步步来实现它。简单实现下样式创建 Tree.vue 组件(为方便阅读,代码有省略):<template> <ul class="treeMenu"> <li v-for="(item, index) in data" :key="index"
转载 10月前
696阅读
myChart.setOption(data);myChart.dispatchAction({ type: 'highlight', dataIndex: 0 }); // dataIndex:默认选中
原创 2022-07-18 10:27:32
609阅读
# Vue3 TypeScript 选中组件实现流程 ## 导言 在这篇文章中,我将向你展示如何使用Vue3和TypeScript来实现选中组件的功能。作为一名经验丰富的开发者,我将按照以下步骤来指导你完成这个任务。首先,我们将了解整个流程,并使用表格形式展示每个步骤。然后,我将详细说明每个步骤需要做什么,并提供相应的代码,并对代码的意思进行注释。接下来,我们将使用序列图和关系图来更好地描述这个
原创 2024-02-05 09:48:01
91阅读
day05笔记--VUEJSVUEJSVUEJS 语法入门案例数据显示1.v-text命令2.v-html命令3.v-pre 命令 跳过预编译4.v-once 命令 只渲染一次MVVM设计思想双向数据绑定 v-model事件得绑定 v-on 简化@特殊按键触发@keyup.xxxx=" 函数"阻止冒泡 .stop阻止标签的默认行为 @click.prevent=""属性绑定 v-bind分支解构
转载 6月前
18阅读
目录起因实现效果实现思路实现代码总结以上 起因vue3实现一个区域多选的选择框 用户需求是可以选择服务区域,本来想找个省市县级联的一个选择框就好了,但是又要求多选,而且是用户自己给出区域,无奈写一个,特记录下,顺便帮助后来者实现效果实现思路使用一个div将添加区域给放起来,display设置为none,当点击添加时将这个div的display设置为block,实现添加区域的隐藏和显示下拉框值改变
  • 1
  • 2
  • 3
  • 4
  • 5