创建两个一样的项目,引用element-ui,第一个没有用,第二个按着以下步骤引用有用

1.输入element-ui 命令

npm i element-ui -S

2.引用

vue2.0x版本

//src/main.js文件中引入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
//components/HelloWorld.vue

// 整个复制覆盖

<template>
  <div class="hello">
    <el-radio v-model="radio" label="1">备选项</el-radio>
    <el-radio v-model="radio" label="2">备选项</el-radio>
  </div>

</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      radio: '1'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>

 

 

Logo

前往低代码交流专区

更多推荐