- 博客(6)
- 收藏
- 关注
原创 2021-04-21
1,指令 一、v-text 用于渲染普通文本,无论何时,绑定的数据对象上 msg属性发生了改变,插值处的内容都会更新。 二、v-html 如果你想输出真正的 HTML,你需要使用 v-html指令,v-text仅渲染标签,不能解析 HTML 代码。 v-text展示效果: **《string》Hello《string》 Vue! v-html展示效果: Hello《/string》** Vue! 总结:v-text和{{}}表达式渲染数据,不解析标签。 v-html不仅可以渲染数据,而且可以解析标签。 三
2021-04-21 08:14:11
1080
原创 2021-01-10
先写创一个新数组用来装等下要用的数据 state: { shoplist:[] }, 2,在渲染的页面给购物车一个点击事件并把数据item传到state这个文件来add(item) add(item){ // vuex写法 this.$store.commit(“add”,item) // 调用vuex中的mutation add 并把item作为参数传过去 }, 3,然后给装进刚创的空数组中 mutations: { // 给shoplist数据 add(state,item){ state.shopli
2021-01-10 19:27:56
88
原创 2021-01-10
面试题 1、什么是rem布局,如何配置rem? 通过js方法动态设置rem,改变根元素font-size来实现兼容性更高的页面 function rem(){ document.documentElement.style.fontSize=document.documentElement.clientWidth/7.5+"px"; } rem(); window.onresize=rem; 2、实现响应式布局的方法都有哪些? 百分比布局,媒体查询(CSS3 @media 查询),rem布局,Vw视口
2021-01-10 19:22:12
214
原创 2021-01-10
vue push报错 const routerPush = Router.prototype.push Router.prototype.push = function push(location) { if(typeof(location)“string”){ var Separator = “&”; if(location.indexOf(’?’)-1) { Separator=’?’; } location = location + Separator + “random=” + Math.r
2021-01-10 19:20:41
69
原创 2021-01-10
新建directive.js文件 export default { //这个是自动获取焦点,拿过来展示循环注册自定义指令的 focus: { inserted: function(el) { // 聚焦元素 el.focus() }, }, //拖拽指令 drag: { //这个el就是我们绑定的那个元素 inserted: function(el) { // 页面可用高度 let pageHeight = window.screen.availHeight let pageWidth = window.s
2021-01-10 19:12:02
57
原创 2021-01-10
zhi() { window.scrollTo(0, 0); // window.scrollTo(0, 0); // document.documentElement.scrollTop = 0; }, 跨域 //方式一 //在项目的根目录下创建一个vue.config.js文件写入: module.exports = { devServer: { proxy: ‘https://m.douyu.com/api/’ }, } 注意重启项目!!!!!!! //在页面中请求时,把参数拼接上 this.axio
2021-01-10 19:06:42
99
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人