【Vue】关于传统web项目cdn引入iview的问题

iview可以用于传统web项目么？
根据官网的cdn引入之后，只有部分demo正常，例如radio组件不能正常展示

<head>
<title>vueDemo</title>
<!-- 引入Vue -->
<script src="https://vuejs.org/js/vue.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/iview/dist/styles/iview.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/iview/dist/iview.min.js"></script>
<script type="text/javascript">
window.onload = function () {
new Vue({
el: '#app',
data: {
button6: '北京'
}
});
};
</script>
</head>
<body>
<div id="app">
<RadioGroup v-model="button6" type="button" size="small">
<Radio label="北京"></Radio>
<Radio label="上海"></Radio>
<Radio label="深圳"></Radio>
<Radio label="杭州"></Radio>
</RadioGroup>
</div>
</body>

【Vue】关于传统web项目cdn引入iview的问题

【Vue】关于传统web项目cdn引入iview的问题

回答

已解决，在传统的web项目中，当在HTML中使用自定义模板时，由于HTML不识别大小写，有驼峰命名法的标签要写成XXX-XXX-XX...才行，这一点在vue.js的官方文档中有明确说明，因为iview是基于vue.js的，所以默认沿用此规则，只不过iview官网没有明确说明，可能是因为这是基础知识点吧。

是不是缺少了相关的css文件引用

以上是 【Vue】关于传统web项目cdn引入iview的问题 的全部内容， 来源链接： utcz.com/a/85803.html

回到顶部