IT

2022-10-08
Vue中引入Jquery

1.首先在依赖中填写要引入jquery版本信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
"dependencies": {

    "@babel/polyfill": "^7.12.1",

    "ant-design-vue": "^1.6.5",

    "axios": "^0.20.0",

    "element-ui": "^2.13.2",

    "hexo-helper-live2d": "^3.1.1",

    "jquery": "^3.6.0",

    "view-design": "^4.4.0",

    "vue": "^2.5.2",

    "vue-axios": "^3.1.1",

    "vue-resource": "^1.5.1",

    "vue-router": "^3.4.7",

    "wangeditor": "^4.7.10"

  },
阅读更多

2022-10-08
vue 打包后图片显示，或因为路径原因，显示白屏？

打包后由于路径不对，导致资源文件加载不到，需要调整：

1.config/index.js 修改以下两个地方

阅读更多

2022-09-29
封装axios，添加拦截器

1.安装axios

阅读更多

2022-09-28
后端返回的数据会带一个换行符（“↵”），前端如何根据该符号进行换行展示

方法一：textarea赋值

　　当我们拿到后端返回的数据时，直接通过v-model绑定给textarea，就会有默认的换行，但是它不能随内容高度增加textarea高度实现自适应，如果用JS来实现的话，相对麻烦一点。

方法二：使用v-html输出文本

　　“↵”符号在html中会识别别为\r,\n等转义字符，所以我们可以使用\r\n去替换（.replace(/(\r\n|\n|\r)/gm, ‘ < br /> ‘)）

代码示例

1
$ <span v-html="detail.replace(/(\r\n|\n|\r)/gm, '<br />')"></span>
阅读更多
浏览 次 |

© 2023 南疆 with help from Hexo and Twitter Bootstrap. Theme by Freemind.

container-narrow --> ▲