浏览器直接引入element-plus

elementUI从Vue2升到了Vue3,推出了element-plus,作为一个后端的开发者,还是不怎么会使用npm,通过npm下下来后,感觉就不会了,也没用找到需要用的文件。还是通过CDN的方式引入到项目中。

我用的VS2022,新建的一个web core项目。现在开始下载所需文件。

在浏览器上输入地址: 等待一定时间后 (这个有点久,看情况,不得行就多刷新几次),就可以得到js文件。另存为到本地就行。

同样的,可以得到其他的2个文件,然后放到项目中。我这个地方是放到的布局页面。

这个地方我还添加了vxe-table v3,element-plus中的表格编辑功能没有vxe-table v3 完善。引用方法也和上面一样。 css 文件注意添加rel="stylesheet"

<script>
    const { reactive, toRefs, ref } = Vue;//这个地方也需要导入,不然下面无法识别ref等方法。不过不是使用import
    var main = {
        setup() {
            const dialogTableVisible = ref(false);
            return {dialogTableVisible};
        },
        

    }
     
    const app = Vue.createApp(main);

    app.use(ElementPlus);
    app.use(VXETable);
    app.mount("#app");
</script>

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值