vue中改变选中当前项的显示隐藏或者状态的实现方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中改变选中当前项的显示隐藏或者状态的实现方法相关的知识,希望对你有一定的参考价值。

参考技术A 在vue中已经不像jq那样直接操作dom了,如果要指向当前选中项时,就不能再用jq的思路来做了,方法如下:
当指向一个状态的时候,只让指向的状态隐藏,其他项不变,如果项目中用了element-ui,那么操作起来会比较简单一些,这样设置:
v-if="(row.id
==
currentId&&row.auditState==0)?checkState:!checkState"
@mouseover="statehidden(row.id)"
js中:
statehidden(id)
this.currentId=id;
,
这种方法的思路是:鼠标指向某一项时,获取到某一项的id存在一个变量中,判断row.id==currentId,控制这个按钮显示隐藏就可以了,因为只有在鼠标指向某一项的时候才能拿到当前项的id,所以可以利用row.id==currentId来判断,这样就能轻松实现控制当前项的变化
以上这篇vue中改变选中当前项的显示隐藏或者状态的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:VUE元素的隐藏和显示(v-show指令)

WPF问题,richtextbox控件能绑定到数据表中的一个字段吗?怎么做? listbox选中当前项的事件是啥呢?

listbox里只有SelectionChanged事件用来对选中的当前项进行操作;
RichTextBox 的绑定需要自己写的方法类的,我给你代码吧~
xaml:
<RichTextBox local:RichTextBoxHelper.DocumentXaml="Binding 字段名" />
方法类 RichTextBoxHelper.cs
using System.IO; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; public class RichTextBoxHelper : DependencyObject public static string GetDocumentXaml(DependencyObject obj) return (string)obj.GetValue(DocumentXamlProperty); public static void SetDocumentXaml(DependencyObject obj, string value) obj.SetValue(DocumentXamlProperty, value); public static readonly DependencyProperty DocumentXamlProperty = DependencyProperty.RegisterAttached( "DocumentXaml", typeof(string), typeof(RichTextBoxHelper), new FrameworkPropertyMetadata BindsTwoWayByDefault = true, PropertyChangedCallback = (obj, e) => var richTextBox = (RichTextBox)obj; // Parse the XAML to a document (or use XamlReader.Parse()) var xaml = GetDocumentXaml(richTextBox); var doc = new FlowDocument(); var range = new TextRange(doc.ContentStart, doc.ContentEnd); range.Load(new MemoryStream(Encoding.UTF8.GetBytes(xaml)), DataFormats.Xaml); // Set the document richTextBox.Document = doc; // When the document changes update the source range.Changed += (obj2, e2) => if(richTextBox.Document==doc) MemoryStream buffer = new MemoryStream(); range.Save(buffer, DataFormats.Xaml); SetDocumentXaml(richTextBox, Encoding.UTF8.GetString(buffer.ToArray())); ; ); 呵呵,代码有点乱,不好意思= =
参考技术A 111

以上是关于vue中改变选中当前项的显示隐藏或者状态的实现方法的主要内容,如果未能解决你的问题,请参考以下文章

vue 实现单选/多选效果

vue添加第一行为空的多选框

vue 实现公司发展历程 步骤条 鼠标可进行点击来改变选中状态

checkbox 选中状态与显示状态的研究

在vue中使用checkbox

Vue的全选功能实现思路