[Bug Report] Change row width table by CSS but with scoped in style tag it is useless

kungcn
创建于
2017-05-17 02:05:36

Element UI version

1.3.3

OS/Browsers version

win10 / Chrome 56

Vue version

2.3.3

Reproduction Link

https://jsfiddle.net/pj71jkyw/210/

Steps to reproduce

  1. write down scoped in style tag like <style scoped lang="scss"></style>
  2. F12 in Chrome
  3. row-class-name like ggg is in HTML element but can not be found in style block.
  4. remove scoped in style tag and refresh, re-open ggg shows in style block.

with scoped in style tag:

2017-05-17_095743

removing scoped in style tag:

2017-05-17_095723

2017-05-17_100325

What is Expected?

row-class-name can help to change row width in table

What is actually happening?

row-class-name can not be found in style block when using scoped. remove "scoped" it works.
Maybe it is scoped problem but it is hard to debug.

3条回答
element-bot
回复于
2017-05-17 02:05:42
#1

Translation of this issue:

Element UI version

1.3.3

OS/Browsers version

Win10 / Chrome 56

Vue version

2.3.3

Reproduction Link

https://jsfiddle.net/pj71jkyw/210/

Steps to reproduce

The "write down scoped in style tag like <style scoped lang= SCSS" ></style>

  1. F12 in Chrome
    "Row-class-name like GGG is in HTML element but can not be found in style block."

Remove, scoped, in, style, tag, and, refresh, re-open, GGG, shows,, in, style, block.
With, scoped, in, style, tag:

2017-05-17_095743
Removing, scoped, in, style, tag:

2017-05-17_095723
2017-05-17_100325

What is Expected?

Row-class-name, can, help, to, change, row, width, in, table

What is actually happening?

Row-class-name, can, not, be, found, in, style, block, when, using, scoped., remove, scoped, works., it,...

It may be because of a different scope, but it's really hard to debug

Leopoldthecoder
回复于
2017-05-18 03:27:19
#2
kungcn
回复于
2017-05-18 07:08:18
#3

ok, thx.

当前位于第1页,总计3 条回复

推荐相似问题

表单 数字验证 1 跟 1s 都能通过。。

https://jsfiddle.net/api/post/library/pure/
讨论数 2
element
创建时间:2017-05-17 01:54:41

What can [Bug Report] element do to simplify the modification information?.

Element UI version 1.3.3 OS/Browsers version null Vue version 2.0 Reproduction Link #4894 Steps to reproduce null What i
讨论数 3
element
创建时间:2017-05-17 00:49:42

element如何处理会让修改信息变得人性化,简单化。

element如何处理才能出现点击修改按钮,抓取到表格里的信息,并弹出修改表格框,将抓取到的信息显示在修改表格里,修改之后点击提交就可以完成修改这样的效果。
讨论数 2
element
创建时间:2017-05-17 00:38:26

checkbox 模块的一个BUG

import ElCheckbox from './src/checkbox'; 这样写是错的!Error 应该是这样的: import ElCheckbox from './src/checkbox.vue';
讨论数 2
element
创建时间:2017-05-16 12:39:29

element怎么样使用才能出现下面链接给出的效果

element如何处理才能出现点击修改按钮,抓取到表格里的信息,并弹出修改表格框,将抓取到的信息显示在修改表格里,修改之后点击提交就可以完成修改这样的效果,链接里面的效果https://editor.datatables.net/examp
讨论数 2
element
创建时间:2017-05-16 12:18:02

[Feature Request] Hopefully, the table can add a row to edit the table row

Add the "add" button at the end of the table, and then add a row of editable rows
讨论数 2
element
创建时间:2017-05-16 08:38:44

[Feature Request] Line break (\n) support in table cell

Existing Component Yes Component Name table Description There is no way to override table cell style to enable line brea
讨论数 5
element
创建时间:2017-05-16 08:16:04

The [Bug Report] Upload component actually sends multiple requests when uploading multiple files

Element UI version 1.3.3 OS/Browsers version Windows 10/Chrome 58.0.3029.96 Vue version 2.3.3 Reproduction Link https://
讨论数 10
element
创建时间:2017-05-16 07:51:44

[构建] 怎么生成element.min.js 和element.css 文件

Hi:all 我clone到本地, 添加了一个组件, 怎么能生成element.min.js文件和element.css文件
讨论数 2
element
创建时间:2017-05-16 07:42:33

可否添加一个日期弹出框选择事件接口

在点击弹出的日期框中的具体日期的时候,提供一个回调函数,提供一个当前日期和时间的对象
讨论数 2
element
创建时间:2017-05-16 07:35:37