- 博客(9)
- 收藏
- 关注
原创 vue3+ts使用sortablejs实现弹窗表格拖拽显示table表头列表
在el-table 绑定一个class类样式。之后再使用sortablejs来写一个拖拽函数。点击表格的编辑,弹出弹窗,可以拖拽表头并且实现选中显示反显在表格表头。由于是纯前端实现,所以将数据存储在了本地数据里面。在页面引入sortablejs。
2023-06-12 14:06:20 1672 1
原创 vue3 webpack配置打包优化
2.dist目录js文件夹里面有很多map文件。在vue.config.js文件加入这句话即可。这里使用的是font-spider插件。将需要转换的文字输入到里面去。会转换成功,在文件夹里面。1.字体文件打包优化。
2023-03-13 18:18:45 489
原创 vue3 父组件使用ref取值子组件的值为undefined
ref所在的标签不要用v-if,使用v-show就好了。并且ref的父级标签也不要用v-if。能用v-show就用v-show。否则就会出现打印$refs时,值为undefined。将父组件 的v-if去掉 就可以取到正常的值。但是控制台打印取值为undefined。起因:父组件取值到子组件定义的值。
2022-11-02 00:44:26 5631 4
原创 vue中使用Driver.js 报错相关信息There are no steps defined to iterate,头像不显示问题
发现报错 There are no steps defined to iterate 无法定义的步骤。把driver.defineSteps里面步骤参数提取出来单独写成一个js文件。将动画效果设置为false 即可显示,但是没有动画效果了。正常按照文档写是可以使用的,单独抽离出来不可以使用。js文件也不需要接受,他就可以正常使用了。也没找到其他的解决方案。
2022-09-24 23:48:45 1558 3
原创 关于微信小程序wx.getLocation 在真机上不显示问题
需要在微信开发者工具 app.json 中 requiredPrivateInfos 配置项中声明。调用方法,再微信小程序上正常显示,但是在真机上显示的接口数据没有调用,导致列表为空。getLocation 配置 与你在小程序中调用的方法相同。
2022-09-22 17:09:50 1324
原创 在element-table 组件的 change 事件中传递自定义参数 获得当前索引值
应用场景:点击自定义 下拉框多选选项点击所有人 下拉框不可选,多选选项清除使用el-Select 选择器中的方法 @change 事件 只能获取的到select事件的当前选项值在@change 的事件函数体中,在再给一个函数即可 (图中 括号不可省略)@change="(val)=>changeIsCommon(val, '自定义参数')"然后再调用这个方法即可清除当前行数 changeIsCommon(v, index) { if (v === '1'
2022-04-24 20:31:28 2129
转载 关于vue项目启动不能显示network调试,以及network无法访问的问题
起因:新启动的vue项目调试的时候,发现没有network。查询很多方法 ,最终解决了 方法如下:设置启动后终端显示localhost和network访问地址修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值: // Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
2022-02-25 10:53:33 6648 2
原创 如何修改vant组件中filed的placeholder的 颜色
这是vant filed组件<van-field readonly @click="showpopup" v-model="appointMent" clearableplaceholder="测试" @focus="forbid"/>这里css修改样式代码input.van-field__control::-webkit-input-placeholder { color: #4d6ff0;}网上的方法都不能改变输入...
2021-12-28 15:42:41 6689 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人