- 博客(8)
- 收藏
- 关注
原创 v-model 和 .sync修饰符的区别
vue框架中 v-model一般用于在表单元素中进行双向数据绑定。v-model指令本质上是一个语法糖。语法糖的大概意思就是 是一种更加方便的写法,在不影响其功能的情况下。增加可读性,减少出错率。更加方便使用。一般我们通过下面的例子使用v-model指令实现双向数据绑定下面是实际上完整的写法:input元素本身有个input事件,是HTML5新加的。每当输入框内容发生变化,就会触发input事件,把最新的value值($event.target.value)传给val。这就是双向数据绑定。注意:
2022-07-04 22:03:42 530 1
原创 js 遍历对象
----------------------------------------------------------------------------------------------------------------------------以下为2022年5月16日更新遍历对象的方式1.for..in..2.Object.keys3.Object.getOwnPropertyNames()4.Object.getOwnPropertySymbols()5.Reflec
2022-05-16 20:00:57 4117
原创 什么是对象自身可枚举属性和不可枚举属性
let obj = {age:"66"}console.log(Object.getOwnPropertyDescriptor(obj, 'age'))//Object.getOwnPropertyDescriptor() 获取对象的属性的描述对象对象的每一个属性都有一个描述对象,用来描述和控制该属性的行为。用Object.getOwnPropertyDescriptor方法来获取该描述对象,用Object.defineProperty方法来设置。获取到的描述对象中的enumer..
2022-05-16 13:28:35 1124
原创 vue项目 接口中对获取到的数据进行双重for循环导致页面不渲染
今天跟朋友解决一个vue项目中的问题,大概意思是:前端向后端发送接口请求,请求成功之后,后端返回了一个数组,数组中包含了上百条数据。而我们需要做得是将这上百条数据以每组20条的形式渲染到页面上。我和朋友的解决办法是:定义一个空数组,这个空数组里面的元素也是空数组,然后循环返回的包含了上百条数据的数组,将前20条数据放进第一个为空数组的元素中,然后利用splice将原数组的前20条数据删除,跳出循环。以下为代码:getSell(){ topicList({需要传的数据}).then(
2022-05-12 00:57:47 1970
原创 通过接口获取的数据是富文本,其中带有图片,怎么改变图片的大小?
这一段是通过接口获取的富文本,通过在标签中写入‘v-html’渲染到了页面上,但是图片大小溢出了屏幕。想改变图片大小,可通过 ‘>>>’ 属性穿透 。如果是用的是css原生样式,可通过‘>>>’解决。.htmlContent>>>img { // padding: 15px; // /deep/ img { width: 100%; // }}如果是scss 预处理器,因为‘>>>’无...
2022-04-04 14:45:58 918
原创 传统方法 实现时间格式化
模块1function dateFormat(time) { const dt = new Date(time); const y = dt.getFullYear(); const m = padZero(dt.getMonth() + 1); const d = padZero(dt.getDate()); const hh = padZero(dt.getHours()); const mm = padZero(dt.getMinutes())
2022-03-23 17:54:40 85
原创 【无标题】
今天跟朋友解决问题,获取接口数据需要将文本框内容及radio的value传递过去,发现用v-model数据绑定的方式很高效,在此记录,供个人日后参考。element-ui 安装,点此链接:组件 | Elementhttps://element.eleme.cn/#/zh-CN/component/quickstart要求是点击提交按钮把这三个参数(下拉框,文本框,单选钮)带过去代码如下,三个都可以通过v-model将值存在ruleForm中,最后在接口里把ruleForm传过去就好。..
2022-03-17 10:19:35 321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人