摘要：
方法一： 当监听某一属性的变化时，建议直接使用函数格式 const vm = new Vue({ el:'#app', data:{ username:'' }, watch:{ username(newVal,oldVal){ console.log(newVal,oldVal) } } }) 方 阅读全文
posted @ 2023-11-27 15:42
西瓜南瓜哈密瓜
阅读(49)
评论(0)
推荐(0)
摘要：
在vue.config.js的文件中添加代码：publicPath:'./' 写完之后npm run build重新打包 双击打开dist里面的index.html就可以看到效果了 阅读全文
posted @ 2023-11-02 11:21
西瓜南瓜哈密瓜
阅读(145)
评论(0)
推荐(0)
摘要：
设置image样式为 display: block; 就没有了 阅读全文
posted @ 2023-10-23 13:03
西瓜南瓜哈密瓜
阅读(208)
评论(0)
推荐(0)
摘要：
<div> <textarea type="text" placeholder="测试高度自适应" id="testHeight" style="height:1em"></textarea> </div> <script type="text/javascript"> var testHeight 阅读全文
posted @ 2023-05-30 15:55
西瓜南瓜哈密瓜
阅读(243)
评论(0)
推荐(0)
摘要：
@click @click直接点击，会触发父元素事件 例如： <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default { 阅读全文
posted @ 2023-05-30 14:28
西瓜南瓜哈密瓜
阅读(20)
评论(0)
推荐(0)
摘要：
这个是scss中的语法，表示上一级的选择器 例如源码： ul{ margin-bottom: 20px; & >li{ margin-bottom: 0; } } 相当于代码 ul{ margin-bottom: 20px; } ul >li{ margin-bottom: 0; } 阅读全文
posted @ 2023-03-23 14:24
西瓜南瓜哈密瓜
阅读(89)
评论(0)
推荐(0)
摘要：
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde 阅读全文
posted @ 2023-03-22 17:21
西瓜南瓜哈密瓜
阅读(27)
评论(0)
推荐(0)
摘要：
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l 阅读全文
posted @ 2023-03-22 17:02
西瓜南瓜哈密瓜
阅读(50)
评论(0)
推荐(0)
摘要：
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; 阅读全文
posted @ 2023-03-22 16:45
西瓜南瓜哈密瓜
阅读(21)
评论(0)
推荐(0)
摘要：
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov 阅读全文
posted @ 2023-03-22 16:16
西瓜南瓜哈密瓜
阅读(2771)
评论(0)
推荐(0)
浙公网安备 33010602011771号