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
咏竹莉
阅读(281)
推荐(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
咏竹莉
阅读(462)
推荐(0)
输入框禁止输入中文
摘要：1. 输入框禁止输入中文 <el-input v-model.trim="modalForm.password" placeholder="******" @input="modalForm.password = modalForm.password.replace(/[\u4E00-\u9FA5]
阅读全文
posted @
2021-12-17 17:34
咏竹莉
阅读(764)
推荐(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
咏竹莉
阅读(831)
推荐(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
咏竹莉
阅读(302)
推荐(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
咏竹莉
阅读(400)
推荐(0)
vue 返回内容不存在显示 --
摘要：<span>{{scope.row.remark ? scope.row.remark : '--'}}</span>
阅读全文
posted @
2021-12-02 16:47
咏竹莉
阅读(100)
推荐(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
咏竹莉
阅读(630)
推荐(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
咏竹莉
阅读(292)
推荐(0)
vue 绑定值与字符串拼接
摘要：有两种方式： 第一种 :title="`字符串${xx}`" 第二种 :title="'字符串' + xx"
阅读全文
posted @
2021-11-04 11:40
咏竹莉
阅读(266)
推荐(0)
安卓本地加载h5 图片不显示
摘要：背景： 1. 做智慧建筑屏，要求把h5页面放到安卓本地加载，于是打包给安卓，加载图片不显示，想了想应该是本地包找不到图片路径 解决方法： 在vue.config.js 中 , 注释以下内容 .options({ limit: 10240, /**/ // 以下配置项用于配置file-loader /
阅读全文
posted @
2021-11-01 14:05
咏竹莉
阅读(686)
推荐(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
咏竹莉
阅读(167)
推荐(0)
webpack 95% 卡死
摘要：node_module 问题 删除node_module 把别的项目中拿过来即可正常启动
阅读全文
posted @
2021-09-10 11:02
咏竹莉
阅读(265)
推荐(0)
利用vue自定义指令实现输入框聚焦改变父元素的样式
摘要：需求： HTML 部分： <div class="login_input login_Code"> <span class="input_icon"> <i class="icon_all captcha_icon"></i> </span> <input autofocus type="text"
阅读全文
posted @
2021-09-09 14:06
咏竹莉
阅读(366)
推荐(0)
vue 路由跳转传参方式
摘要：https://blog.csdn.net/crazywoniu/article/details/80942642
阅读全文
posted @
2021-08-30 11:44
咏竹莉
阅读(49)
推荐(0)
vcli3 本地跨域配置
摘要：开发环境跨域请求 1. 在vue.config.js 中配置代理 // 配置 webpack-dev-server 行为。 devServer: { // open: process.platform 'darwin', open: process.env.NODE_ENV "development
阅读全文
前端获取验证码
摘要：1. 设置验证码按钮 //opacity是为了让用户点击一次获取验证码后让按钮颜色变淡，并倒计时显示60秒 //timer 一开始默认值为 '获取验证码' <view style="opacity: {{opacity}}" bindtap='sendCodeClick'>{{timer}}</vi
阅读全文
vue 中使用多个echarts 适应屏幕缩放
摘要：data () { return { resizeTimer: null, myChart1: null, myChart2: null, myChart3: null, myChart4: null } }, methods: { // 综合得分 雷达图 getScoreChart () { le
阅读全文
posted @
2021-06-25 17:42
咏竹莉
阅读(349)
推荐(0)
vue 报EACCES: permission denied, access '/usr/local/lib/node_modules/vue-cli/node_modules/abbrev'错...
摘要：Mac电脑上执行‘ npm install –global vue-cli’命令，报错 原因是无权限，要使用管理员权限 sudo。 解决： sudo npm install -g react-native-cli
阅读全文
vue组件间通信6种方式
摘要：如上图所示，A和B 、 B和C、B和D都是父子关系，C和D是兄弟关系，A和C 是隔代关系 针对不同的使用场景，如何选择行之有效的通信方式？ 这是我们要探讨的。vue组件间通信的集中方式，如props、$emit/$on、 vuex、$parent/$children 等 方法一、props / $e
阅读全文
管理
浙公网安备 33010602011771号