- 博客(50)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 [Vue warn]: $attrs is readonly. $listeners is readonly.
项目报错[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')) },...
2021-10-18 21:09:00
5699
4
原创 Vue 试用树形下拉框
安装 vue-treeselectnpm install --save @riophae/vue-treeselect新建组件test.vue<template> <div style="width:300px;"> <treeselect v-model="value" :options="options" :normalizer="normalizer" > <!-- 自定义值标签 --> <div
2021-06-09 12:25:54
564
原创 Vue子组件修改父组件值
父组件<template> <div> <Child :obj="obj" /> </div><template><script>import Child from './Child 'export default{ components: {Child }, data() { return { obj:{ a:1, b:2 } } }}</script>
2021-02-23 10:59:22
804
原创 Vue三级组件中孙组件传值
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组件（父）<
2021-02-12 13:36:08
520
2
原创 vue-infinite-scroll 滚动刷新列表回弹到页顶问题
设置滚动区域样式.class{ width:100%; height:100%; overflow:auto;}
2021-02-04 09:49:41
1031
原创 TP6模型多对多关联查询
User模型class User extends Model { public function roles() { return $this->belongsToMany(Role::class, Access::class); }}多对多关联查询// User表查询条件$map=[];// Role表查询条件$where=[];$data = User::with('roles'=>function($query) use($whe
2021-02-03 11:14:56
3939
10
原创 编程中常用的单词缩写
不定期更新A单词缩写释义addressaddr地址additionadd加法applicationapp应用程序argumentarg实参arrayarr数组B单词缩写释义backgroundbg背景buttonbtn按钮C单词缩写释义categorycat分类clickclk点击colorclr颜色columncol列
2021-01-30 05:39:46
1875
原创 TP6模型一对多关联查询
AModel查询条件:$map[]= ['name','=','abc'];public function age() { return $this->belongsTo(BModel::class,'a_id','b_id') ->bind([ 'age' ]); }BModel查询条件:$where[] = ['b_id','>',1];关联查询:$query = AModel::hasWhere('age',$where
2021-01-05 19:04:04
2553
3
转载 升级vue项目中的插件版本
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）...
2021-01-01 10:53:31
2276
转载 TP6模型操作判断
判断find是否为空，模型使用find方法查询，如果数据不存在返回Null，判断则使用：!进行判断；如果希望查询数据不存在则返回一个空模型，可以使用findOrEmpty；判断则使用->isEmpty()进行判断。判断数组是否为空，使用->isEmpty()进行判断判断参数是否为空，使用empty(参数名)进行判断判断新增是否成功，使用save则无需判断，save要么成功要么报出异常；使用create则返回当前模型实例，使用->isEmpty()进行判断判断更新是否成功，使用sav
2020-12-15 12:55:47
2428
原创 Vue图片浏览组件v-viewer简单应用
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,
2020-12-10 17:29:41
2378
转载 解决：VUE项目Avoided redundant navigation to current location: “/XXX“.问题
解决：router文件夹下面的index.js中加上下面几句代码const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}
2020-12-03 10:46:15
239
转载 Thinkphp6 查询结果按in集合顺序显示
use think\Db;$in = ['张三', '李四', '王五'];$order= 'field(name, '.$in.')';return User::whereIn('name',$in)->order(Db::raw($order))->select();
2020-11-24 04:50:19
1567
原创 [iview]Table中data改变switch值无法刷新问题
<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>
2020-06-23 21:22:06
1151
原创 [iview]Table中Switch事件on-change
<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
2020-06-23 08:55:41
1881
原创 [iview]Table编辑单元格
<template> <div> <Table ref="tableRef" :data="data" :columns="columns" style="overflow:visible" > <template slot-scope="{ row }" slot="numEdit"> <TablesEdit :params="row" column="num" :editt
2020-06-06 19:03:59
701
原创 [iview]Table+Page分页
<template> <div> <Table :columns="columns" :data="data" stripe > </Table> <Page :total="count" :current="queryInfo.pageNum" :page-size="queryInfo.pageSize" @on-change="changePage" size="small"
2020-06-04 10:58:05
665
原创 [iview]Table中使用Dropdown
<template> <div> <Table :columns="columns" :data="data" style="overflow:visible" stripe > <template slot="action"> <Button type="primary" size="small" style="margin-right: 5px">编辑</Button> <
2020-06-02 16:33:08
1196
原创 [iview]Table中组件嵌套
<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, show: 1, title: 'name
2020-06-02 10:58:50
826
原创 [iview]Table中点击图片预览放大
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, //右上角按钮
2020-06-02 08:59:21
1991
2
原创 [iview]Table中使用Switch
<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, show: 1 }, {
2020-05-31 21:39:03
2291
原创 [iview]Table中展示图片
<template> <div> <Table :columns="columns" :data="data" stripe ></Table> </div></template><script>export default { data() { return { data: [ { id: 1, img: 'https://dev-file.ivi
2020-05-31 20:27:17
1699
原创 [iview]Tabs标签点击事件on-click
<template> <div> <Tabs type="card" @on-click="handleTabClick"> <TabPane label="标签一" name="name1">标签一</TabPane> <TabPane label="标签二" name="name2">标签二</TabPane> <TabPane label="标签三" name="name3">标签三
2020-05-31 08:59:09
7194
1
原创 iview中动态设置Tabs组件的label内容
<template> <div> <Tabs type="card"> <TabPane :label="label1">标签一</TabPane> <TabPane :label="label2">标签二</TabPane> <TabPane :label="label3" icon="ios-leaf">标签三</TabPane> <TabPane :label
2020-05-29 22:32:34
2210
原创 在VUE中使用countup.js
在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
2020-05-23 18:03:58
8044
原创 PHP7中的？与？？
$a = ''; // or 0 or false$b = $a ?? 'a';// 此时会判断$a是否存在 $a不为null // 等价于// $b = isset($a) ? $a : 'a';// $b is '' or 0 or false$c = $a ?: 'a';// 此时会判断$a的值// $c is 'a'$a = null;$b = $a ?? 'a';// 此时$a为null// $b is 'a'$c = $a ?: 'a';// $c is
2020-05-17 10:34:57
440
转载 Vue中ESlint配置文件eslintrc.js文件详解
常见规则列表“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-shadow”: 2,//禁止catch子句参数与外部作用域变量同名“no-class-assign”: 2,//禁止给类赋值“no-cond-ass
2020-05-13 09:35:46
2279
1
原创 Vue+ElementUI动态切换验证规则(二)
上一篇实际运行会出现点击按钮切换后自动验证的问题，影响用户体验。重新梳理了代码：表单<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
2020-05-10 19:18:42
1724
原创 Vue+ElementUI动态切换验证规则(一)
表单<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
2020-05-10 08:53:49
3979
1
原创 在Vue项目中使用ECharts
在Vue项目中使用ECharts搭建脚手架并安装EChartscnpm i echars --save在main.js中引入EChartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts新建组件test.vue<template> <div> <h3>E...
2020-04-26 11:04:22
276
原创 vue eslint 去掉 no-tabs 语法检测
习惯用 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'...
2020-03-14 20:59:55
1843
转载 解决ajax异步传输数据，return返回为undefined的问题
解决ajax异步传输数据，return返回为undefined的问题function GetUserInfo(tp) { var username; $.ajax({ type: "POST", cache: false, data: "type=exlogin&tp=" + tp, url: "Handle...
2020-01-13 21:50:34
635
转载 关于火狐浏览器鼠标点击页面区域时，出现光标的问题
造成这个问题的原因，首先不是你页面写得有问题，而是火狐浏览器的某个设置造成的；解决办法：火狐浏览设置按钮》选项》常规 》浏览》一律使用键盘方向键浏览网页（键盘浏览模式）©把这个设置选项取消勾选...
2020-01-11 00:05:24
1031
转载 MyISAM与Innodb引擎的特点和区别 （MySQL面试）
1、存储结构MyISAM ：每个MyISAM在磁盘上存储成三个文件。分别： .frm文件存储表定义 .MYD是数据文件的扩展名 .MYI是索引文件的扩展名。InnoDB ：所有的表都保存在同一个数据文件中。Innodb表的大小只受限于操作系统文件的大小，一般为2GB。2、存储空间MyISAM：可被压缩，存储空间小。支持三种不同的存储格式：静态表、动态表、压缩表。...
2019-12-31 12:17:29
327
转载 数据库编码，从utf8转到utf8mb4
问题描述：如果UTF8字符集且是Java服务器的话，当存储含有emoji表情时，会抛出类似如下异常：java.sql.SQLException: Incorrect string value: ‘\xF0\x9F\x92\x94’ for column ‘name’ at row 1 at com.mysql.jdbc.SQLError.createS...
2019-12-30 19:44:30
2405
转载 [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause 解决办法 MySQL
问题：[Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated column ‘information_schema.PROFILING.SEQ’ which is not functionally dependent on columns in GROUP ...
2019-12-27 21:56:16
5450
原创 ThinkPHP6中富文本编辑器BUG解决方案
在开启APP_DEBUG = true模式下，用富文本编辑器上传图片时会报错，调试后发现是TP6的Trace扩展功能冲突。关闭调试模式解决问题。如果需要开启调试模式，就需要卸载Trace扩展。composer remove topthink/think-trace或者编辑 page_trace.tpl 文件，清空内容即可。...
2019-12-10 18:56:08
859
转载 QML程序打包发布（解决QML打包后不能启动的问题）
命令：windelpoyqt xxx.exe -qmldir C:\Qt\Qt5.11.2\5.11.2\mingw53_32\qmlQt5Core.dll，Qt5Sql.dll，libeay32.dll，ssleay32.dll 这几个文件需要单独复制到发布目录。原文链接：https://blog.youkuaiyun.com/zhangfeng5909/article/details/721...
2019-01-16 18:40:13
2746
原创 QML修改Delegate属性
近期学习Qt，记录下学习过程，以免忘记。操作环境 WIN7+Qt 5.11.2。新建 Qt Quick Application - Empty 项目，命名 DelegateDemo。编辑 main.qmlmain.qmlimport QtQuick 2.9import QtQuick.Window 2.2Window { visible: true width: 64...
2019-01-07 17:51:40
2559
QML使用剪贴板
2019-01-02
QML ComboBox 演示
2019-01-01
QML Loader 加载项目间通信
2018-12-20
QtTreePropertyBrowser简单演示
2018-12-14
QML WebView 与 HTML简单交互
2018-12-11
Qt调用Jni接口获取Android相册图片列表
2018-12-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人