西格玛猫

项目报错[Vue warn]: $attrs is readonly. [Vue warn]: $listeners is readonly.百度后发现应该是加载了多个Vue实例导致。解决方法vue.config.jschainWebpack: config => { config.resolve.alias .set('@', resolve('src')).set('vue', resolve('./node_modules/vue')) },...

安装 vue-treeselectnpm install --save @riophae/vue-treeselect新建组件test.vue<template> <div style="width:300px;"> <treeselect v-model="value" :options="options" :normalizer="normalizer" > <!-- 自定义值标签 --> <div

父组件<template> <div> <Child :obj="obj" /> </div><template><script>import Child from './Child 'export default{ components: {Child }, data() { return { obj:{ a:1, b:2 } } }}</script>

A组件（祖）<template> <div> <B @getValue="getValue" /> </div><template><script>import B from './B'export default{ components: {B}, methods:{ getValue(val){ console.log(val) } }}</script>B组件（父）&lt

设置滚动区域样式.class{ width:100%; height:100%; overflow:auto;}

1、安装升级插件npm-check-updates，安装方法npm install -g npm-check-updates；2、查看项目中插件的当前版本和最新版本npm-check-updates（简写ncu）;3、升级需要的插件如vxe-table：ncu -u 插件名 （例如：ncu -u ant-design-vue）...

v-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。安装npm install v-viewer使用引用插件main.jsimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ navbar: false, //底部缩略图 toolbar: false, //底部工具栏 button: false,

解决：router文件夹下面的index.js中加上下面几句代码const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}

<template> <Table :data="data" :columns="columns" stripe > <template slot-scope="{ row }" slot="status"> <i-switch :value="row.show===1" @on-change="onStatusChange(row,$event)"> <span slot="open">开</span&gt

<template> <Table :data="data" :columns="columns" stripe > <template slot-scope="{ row }" slot="status"> <i-switch :value="row.show===1" @on-change="onStatusChange(row.id,$event)"> <span slot="open">开</span

<template> <div> <Table ref="tableRef" :data="data" :columns="columns" style="overflow:visible" > <template slot-scope="{ row }" slot="numEdit"> <TablesEdit :params="row" column="num" :editt

<template> <div> <Table :columns="columns" :data="data" stripe > </Table> <Page :total="count" :current="queryInfo.pageNum" :page-size="queryInfo.pageSize" @on-change="changePage" size="small"

<template> <div> <Table :columns="columns" :data="data" style="overflow:visible" stripe > <template slot="action"> <Button type="primary" size="small" style="margin-right: 5px">编辑</Button> &lt

<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, show: 1, title: 'name

1 安装插件v-viewernpm install v-viewer --save2 引用插件main.jsimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'3 注册调用并按需求配置main.jsVue.use(Viewer)Viewer.setDefaults({ navbar: false, //底部缩略图 toolbar: false, //底部工具栏 button: false, //右上角按钮

<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, show: 1 }, {

<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, img: 'https://dev-file.ivi

<template> <div> <Tabs type="card" @on-click="handleTabClick"> <TabPane label="标签一" name="name1">标签一</TabPane> <TabPane label="标签二" name="name2">标签二</TabPane> <TabPane label="标签三" name="name3">标签三

<template> <div> <Tabs type="card"> <TabPane :label="label1">标签一</TabPane> <TabPane :label="label2">标签二</TabPane> <TabPane :label="label3" icon="ios-leaf">标签三</TabPane> <TabPane :label

在iview admin中使用countup报错，检查了下代码发现iview admin使用的是countup.js 1.8.2，“Published 3 years ago”于是重新安装了新版vue-countup-v2npm install --save countup.js vue-countup-v2调整代码<template> <div class="count-to-wrapper"> <slot name="left"/> <p

上一篇实际运行会出现点击按钮切换后自动验证的问题，影响用户体验。重新梳理了代码：表单<template> <el-form :model="form" ref="ref"> <el-form-item prop="a" :rules="aRules"> <el-input v-model="form.data1"></el-input> </el-form-item> <el-form-item prop

表单<template> <el-form :model="form" :rules="dynamicRules" ref="ref"> <el-form-item prop="a"> <el-input v-model="form.data1"></el-input> </el-form-item> <el-form-item prop="b"> <el-input v-model="fo

在Vue项目中使用ECharts搭建脚手架并安装EChartscnpm i echars --save在main.js中引入EChartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts新建组件test.vue<template> <div> <h3>E...

习惯用 tab 替代空格，eslint 报错不能忍受。在vue项目中，找到 .eslintrc.js 文件，编辑rules: { 'indent':0, 'no-tabs':0, 'no-mixed-spaces-and-tabs': 0, 'no-console': process.env.NODE_ENV === 'production' ? 'error'...