Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在vuejs+中悬停时屏蔽长文本并显示全文;武装分子?_Javascript_String_Vue.js_Vuetify.js_Mask - Fatal编程技术网

Javascript 如何在vuejs+中悬停时屏蔽长文本并显示全文;武装分子?

Javascript 如何在vuejs+中悬停时屏蔽长文本并显示全文;武装分子?,javascript,string,vue.js,vuetify.js,mask,Javascript,String,Vue.js,Vuetify.js,Mask,我想在数据表中屏蔽长文本,如www.go.ogle。。。。。当鼠标悬停在www.go.ogle上时。。。。它将显示全文。 来自json数组的文本,我对datatable中的这个particalar元素做了这样的处理 在vuejs中如何实现这一点?与Vue无关。这是通过CSS完成的: span{ 宽度:100px;/*可以是100%,当内容超过它时将出现省略号*/ 显示:内联块; 文本溢出:省略号; 溢出:隐藏; 空白:nowrap; } 跨度:悬停{ 空白:正常; /*或: 宽度:自动; */

我想在数据表中屏蔽长文本,如www.go.ogle。。。。。当鼠标悬停在www.go.ogle上时。。。。它将显示全文。 来自json数组的文本,我对datatable中的这个particalar元素做了这样的处理


在vuejs中如何实现这一点?

与Vue无关。这是通过CSS完成的:

span{
宽度:100px;/*可以是100%,当内容超过它时将出现省略号*/
显示:内联块;
文本溢出:省略号;
溢出:隐藏;
空白:nowrap;
}
跨度:悬停{
空白:正常;
/*或:
宽度:自动;
*/
}

这是一个示例
与Vue无关。这是通过CSS完成的:

span{
宽度:100px;/*可以是100%,当内容超过它时将出现省略号*/
显示:内联块;
文本溢出:省略号;
溢出:隐藏;
空白:nowrap;
}
跨度:悬停{
空白:正常;
/*或:
宽度:自动;
*/
}
这是一个示例