Question

我正在渲染一些列表数据：

        $.ajax({
            dataType: "POST",
            url: "http://paypal.com/payment/widget?apikey=XXXXX&country=my&returnurl=http://www.google.com",
            dataType: 'jsonp',
            contentType: 'application/json'
            success: function (results) {
                window.location = 'http://paypal.com/payment/widget?apikey=XXXX&country=gb&returnurl=http://www.google.com';
            },
            error: function () {
                window.location.replace("http://www.google.com");
            }

        });

和我的<ul> <li v-for="el in elements"> {{el.data}} </li> </ul>：

.css

当我从Element-UI添加ul { list-style-type: none; padding: 0; } li { display: inline-block; margin: 0 10px; }组件时，它也会在我的Select元素上强制显示list-item显示属性。我希望我的列表呈现为内联块。如何覆盖Element li元素的样式？

工作演示：http://codepen.io/p-adams/pen/xRYoNw

Answer 1

试试这个

<select name="ele_type" class="form-control">
    <div v-for="el in elements">
        <option 
            value="{{el.data}}"
        >
            {{el.data}}
        </option>
    </div>
</select>

阻止Element-UI强制执行li标记的列表项

1 个答案: