- 博客(7)
- 收藏
- 关注
RSS订阅原创 npm上发布封装的vue组件
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、首先封装自己的vue组件二、使用vue插件模式1.在package目录下新建index.js文件2.组件打包三、发布到npm1.首先我们在刚刚打包生成的文件nu-ui目录下初始化package.json2. 发布到npm仓库。四、使用验证一下在项目目录下执行`npm install nu-ui`然后在main.js引用注册，代码如下：前言公司让我看下如何将自己封装的vue组件发布到npm上，这里记录一下，主要参考了知.
2022-05-27 10:56:32
303
原创 vue2.0和vue.3.0的数据双向绑定简单实现
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、vue2.0数据双向绑定二、简单实现1.html2.jsvue3.0 是通过Proxy 实现的简单实现总结前言vue3.0将响应式改为使用proxy实现，相比vue2.0的defineProperty更加强大一、vue2.0数据双向绑定示例：vue在初始化时，深层遍历data中的每个属性，通过object.defineProperty为每个属性添加setter，getter。二、简单实现1.html<.
2022-04-03 17:48:57
990
原创 vue-cli3打包去除console
开发时保留console，打包后去除。npm install terser-webpack-plugin --save-dev安装terser-webpack-pluginvue.config.js 中配置 configureWebpackmodule.exports = { publicPath: './', outputDir: "dist", assetsDir: "static", productionSourceMap: false, devSe
2020-11-12 10:21:30
699
1
原创 element 多选框回显无法点击问题
今天做项目遇到了element多选框遍历回显的问题1.dom无法渲染在从后端拿到多选框数据后，页面不能渲染出来的问题，我将多选框放入el-dialog中，打开dialog不显示，后来使用reload（）等数据到了再刷新一下多选框组件就可以出来了。2.多选框回显后无法点击在回显后，多选框无法点击，这里有两点错误：1.后台返回的数组是[“1”,“2”]是stirng形式的，而我需要number形式的，这里使用array.map(Number)方法转换一下。2.就是无法点击，这里是因为拿到数据后，do
2020-10-30 18:55:18
1663
2
原创 v-chart更换主题
v-chart更换主题近期因为公司需求，了解了v-charts。相比echarts来说少了很多操作，使用起来也很简单，但是文档内容太少，一些配置，问题都找不到问题解决。 这里介绍下如何更换主题。首先去echarts官网去下载主题地址：echarts自定义主题选好主题，然后下载文件，文件格式又JSON和JS，这两个应该都可以，我下载的是json。把下载好的文件放入项目中然后再页面中使用return { custheme: require("./theme/dark.json"),}
2020-09-29 09:22:29
1128
4
原创 vue跳转方式
vue跳转方式vue跳转方式有多种，自己有经常忘记具体写法，今天介绍编程式跳转方式。// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: 123 }})// 带查询参数，变成 /register?plan=privaterouter.push({ path: 'job', query: { plan: 'jobId' }
2020-05-20 10:23:16
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人