![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
点点辰光
这个作者很懒,什么都没留下…
展开
-
echarts 桑基图
echarts 桑基图原创 2022-08-06 15:48:28 · 862 阅读 · 1 评论 -
vue预渲染项目报错webpackJsonp is not defined
在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。方案一可以手动改文件引用,但是推荐以下解决办法:(1) 找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可在这里插入图片描述chunks: [‘manifest’, ‘vendor’转载 2021-12-13 17:56:37 · 3562 阅读 · 0 评论 -
vue组件props数组对象传参的默认值
在组件中接受props参数时,如果接受的是数组或对象类型,则default值应该用一个方法return返回否则报错:Invalid default value for prop “slides”: Props with type Object/Array must use a factory function to return the default value props: { parentlistAr: { type: Array, defau.原创 2021-04-15 09:53:43 · 6042 阅读 · 2 评论 -
vue render方法循环遍历标签
render渲染多个标签不能使用 for循环渲染,只能通过数组的map等遍历的方式渲染多个标签<script>export default { isTreeNode: true, props: { // 父组件传过来的数组,这里数组的默认值要通过函数返回 parentlistAr: { type: Array, default: () => [] } }, dat.原创 2021-04-15 09:47:42 · 3022 阅读 · 0 评论 -
vue render封装图片弹窗插件
引用子组件<previewImg :previewImage="columnData.imageUrl"></previewImg>定义子组件<script>export default { data () { return { previewVisible: false, } }, render (createElement) { return createE.原创 2021-03-30 14:36:54 · 285 阅读 · 0 评论 -
vue render封装switch提示
引用子组件 <switchComp checkedTxt="上架" unCheckTxt="下架" v-model="formRole.status" :switchStatus="formRole.status" ></switchComp>定义子组件<script>export default { data () { return { isBooleanVal: true,原创 2021-03-30 14:35:34 · 247 阅读 · 0 评论