vue--v-model 的三种修饰符lazy、number、trim
摘要：Vue——v-model的三种修饰符lazy、number、trim v-model.lazy: 值修改操作完成之后才会发生变化。 v-model.number: 只修改时，保持其值为Number类型。 v-model.trim: 剔除输入框内内容的空格，使其输入符合规则。
阅读全文
posted @
2022-06-06 15:29
咏竹莉
阅读(243)
推荐(0) 编辑
vue中使用Symbol的方式引用iconfont
摘要：前提工作，先把自己要使用的图标都加入iconfot资源文件中。 1. 选择Symbol的方式，生成链接 2. 在index.html中引入js <script src="https://at.alicdn.com/t/font_3298751_bg4cvlhc5ga.js"></script> 3.
阅读全文
posted @
2022-04-12 17:04
咏竹莉
阅读(434)
推荐(0) 编辑
输入框禁止输入中文
摘要：1. 输入框禁止输入中文 <el-input v-model.trim="modalForm.password" placeholder="******" @input="modalForm.password = modalForm.password.replace(/[\u4E00-\u9FA5]
阅读全文
posted @
2021-12-17 17:34
咏竹莉
阅读(746)
推荐(0) 编辑
elementui el-table 分页，每页10条时，第二页序号从11开始显示的问题
摘要：<el-table-column label="序号" type="index" width="50" align="center"> <template slot-scope="scope"> <span>{undefined{(page.currentPage - 1) * page.pageS
阅读全文
posted @
2021-12-10 14:28
咏竹莉
阅读(760)
推荐(0) 编辑
element table内容根据不同数据添加不同颜色
摘要：<el-table-column prop="is_online" label="状态"> <template slot-scope="scope"> <span :class="scope.row.is_online == '0' ? 'off-line' : scope.row.is_onlin
阅读全文
posted @
2021-12-03 16:18
咏竹莉
阅读(291)
推荐(0) 编辑
prop传值， watch监听
摘要：1. 使用prop传值： export default { props: { data: { default:()=> { return {} }， type: Object } } }2. watch使用： watch: { data: { handler (n) { // 关闭组件时初始化 if
阅读全文
posted @
2021-12-02 17:55
咏竹莉
阅读(383)
推荐(0) 编辑
vue 返回内容不存在显示 --
摘要：<span>{{scope.row.remark ? scope.row.remark : '--'}}</span>
阅读全文
posted @
2021-12-02 16:47
咏竹莉
阅读(88)
推荐(0) 编辑
vue 公共组件封装(slot 插槽使用)
摘要：使用场景: 公共组件： <template> <div class="title-box"> <div class="title"> <span>{{title}}</span> <slot name="right"></slot> </div> <span class="square"></spa
阅读全文
posted @
2021-11-30 17:31
咏竹莉
阅读(592)
推荐(0) 编辑
input 实时触发
摘要：1. input 原生实时触发事件： <input type="text" oninput="myFunction()"> 2. vue中的@input 事件 <el-input class="search" size="small" placeholder="搜索分组名称" prefix-icon
阅读全文
posted @
2021-11-29 10:27
咏竹莉
阅读(271)
推荐(0) 编辑
vue 绑定值与字符串拼接
摘要：有两种方式： 第一种 :title="`字符串${xx}`" 第二种 :title="'字符串' + xx"
阅读全文
posted @
2021-11-04 11:40
咏竹莉
阅读(250)
推荐(0) 编辑
安卓本地加载h5 图片不显示
摘要：背景： 1. 做智慧建筑屏，要求把h5页面放到安卓本地加载，于是打包给安卓，加载图片不显示，想了想应该是本地包找不到图片路径 解决方法： 在vue.config.js 中 , 注释以下内容 .options({ limit: 10240, /**/ // 以下配置项用于配置file-loader /
阅读全文
posted @
2021-11-01 14:05
咏竹莉
阅读(657)
推荐(0) 编辑
vue中使用 animate.css V4
摘要：地址： https://animate.style/ 安装： npm install animate.css --save 引入： 在main.js 中引入： import animate from 'animate.css'Vue.use(animate) 使用： <transition ente
阅读全文
posted @
2021-09-17 17:27
咏竹莉
阅读(136)
推荐(0) 编辑
webpack 95% 卡死
摘要：node_module 问题 删除node_module 把别的项目中拿过来即可正常启动
阅读全文
posted @
2021-09-10 11:02
咏竹莉
阅读(248)
推荐(0) 编辑
管理
