首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏睡不着所以学编程

    Vue笔记(6)

    此时的$refs 比如我们现在在子组件中添加一个data 现在在父组件中可以这样访问: $parent 浅浅套个娃: 还好我跟得上hhh,不然真的有点看不懂了 按按钮: 是一个vue 组件对象 现在在父组件的data里添加一个name属性: 然后在子组件中打印出来: 但是这个用的也很少 $root 我们直接在刚刚的子组件里面访问根组件,看看出来的是什么: 是我们的Vue

    72610编辑于 2022-09-20
  • 来自专栏编程技术分享

    Vue 页面权限控制和登陆验证

    Vue 动态添加路由及生成菜单这是我写过的一篇文章, 通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是其中一种办法。 /components/Login.vue') }, { path: 'home', name: 'home', meta: { /views/Home.vue') }, ] 页面控制 // 假设角色有两种:admin 和 user // 这里是从后台获取的用户角色 const role = 'user' // 在进入一个页面前会触发 网站一般只要登陆过一次后,接下来该网站的其他页面都是可以直接访问的,不用再次登陆。 redirect=${to.path}`) } } }) 上述所有实现,都可以在我的vue轻量级后台管理系统基础模板项目里找到

    2.4K20发布于 2020-09-28
  • 来自专栏java闲聊

    SpringBoot+Vue2.x登陆功能

    这篇文章只做总结,关于Vue的具体使用不涉及,因此你需要具备Vue的基础知识,使用Vue搭配Element-ui以及axios,看官方文档10分钟基本就能上手,学习成本很低。 首先初始化一个Vue项目,使用Vue-cli插件 #已安装忽略 npm install -g vue-cli vue init webpack newFile cd newFile # 下载依赖 ,可忽略 label-width="80px" :model="formLabelAlign"> <el-row :gutter="20"> <el-col :span="12" :offset="<em>6</em>"

    </el-col> </el-row> <el-row :gutter="20"> <el-col :span="12" :offset="<em>6</em>" public Map<String,Object> login(@RequestBody User user){ Map<String,Object> map = new HashMap<>(6)

    1.1K40发布于 2018-06-06
  • 来自专栏用户7873631的专栏

    PHP+MYSQL6登陆后的页面)

    这是最后一个页面,名为登陆页面哦 基本代码 echo ""; echo "
    "; echo "<form action='denglucg.php' method ' value='创建新事项'/>"; echo "</form>"; 先打开session技术的东西,能够获取存在服务器中的数据可以获取 @session_start(); 然后看之前有没有登陆过并且没用退出过的情况 ,有就显示登陆后的页面,并且 $current_userid=$_SESSION['userid']; $query = "SELECT id, title,mx,ksdate,wcdate from items WHERE user_id = $current_userid"; 意思是把获取的存到变量中,因为每次都获取浏览器的数据消耗性能 查询items里面的所有数据,条件是注册过的用户与登陆的用户一致就显示出哪一个用户的信息

    2.2K20发布于 2020-10-28
  • 来自专栏柠檬先生

    VUE 入门基础(6)

        

          Not A/B/C     
      v-else-if必须跟在v-if或者v-else-if之后   使用key控制元素的可重用   vue example-1">       
  • {{item.message}}
  •          var example1 = new Vue parentMessage}} - {{ index }} - {{ item.message }}                 var example2 = new Vue , index) in items" v-bind:item="item" v-bind:index="index">       </my-component>   key     为了给vue 数组更新检测   变异方法     vue包含一组观察数组的变异方法,所以我们将会触发视图更新,这些方法如下。     

    1.8K90发布于 2018-01-22
  • 来自专栏狮乐园

    高级 Vue 组件模式 (6)

    Note: 这里关于指令的引入,使用的函数简写的方式,会在指令的 bind 和 update 钩子函数中触发相同的逻辑,vue 中的指令包含 5 个不同的钩子函数,这里就不赘述了,不熟悉的读者可以通过阅读官方文档来了解 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示: sandbox: 在线演示 github: part-6 总结 关于指令的概念,我自身还是在 angularjs 中第一次见到,当时其实不兴组件化开发这个概念

    75220发布于 2020-01-21
  • 来自专栏SeanCheney的专栏

    Python模拟登陆 —— 征服验证码 6 126邮箱

    登录之后,打印侧边栏。 登录界面 import requests import re # 构造 Request headers agent = 'Mozilla/5.0 (Windows NT 5

    1.9K50发布于 2018-04-24
  • 来自专栏JAVA后端开发

    VUE 前后端分离登陆后跳回原访问地址

    现在前后端分离,如果用户没登陆,会跳到登陆页面,但登陆后,很多时候直接跳回首页,而不是原来未登陆页面。 解决办法如下: 拦截登陆时,记录登陆前的地址 // 拦截响应response,并做一些错误处理 axios.interceptors.response.use((response) => { redirceUrl="+encodeURIComponent(window.kk); } } 如果没有登陆,就跳到登陆页,将记录原来的访问地址为redirceUrl,注意URL要编码encodeURIComponent ' }); } }); } 登陆成功后 至此,前后端分离登陆后跳回原访问地址功能已完成!

    97520发布于 2020-02-25
  • 来自专栏SpringBoot+MyBatis前端

    使用vue-cli创建项目登陆页面

    1.1 使用vue-cli创建项目 在命令行,到自己的vue工程存放的目录,运行一下命令,前提是vue-cli先安装好。 2.3 配置路由 router/index.js import Vue from 'vue' import Router from 'vue-router' import HelloWorld from vue.js有著名的全家桶系列:vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。 其中vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应,但在vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的 login.action', //登陆 'SYSTEM_USER_DOREG': '/userAction.action', //注册 //获取完整的请求地址 'getFullPath': k

    1.6K60编辑于 2022-11-22
  • 来自专栏一Li小麦

    vue 随记(6):构建的艺术

    2.2 支持导入vue框架 首先安装vue 3: npm i vue@next -S 2.2.1 允许/@modules/vue语法(rewriteImport) 在做vue开发时,我们通常怎样使用的脚手架 因此想要支持导入vue,首先要改造import xx from 'vue'。 2.2.2 从module中找vue 但是页面依然报错。因为服务器生成了一个http://localhost:3001/@modules/vue的请求。 调用vue成功。 npm i @vue/compiler-sfc -S 2.3.1 解析vue中的script 在server.js中再加一个else if:当import语句以.vue结尾时: // ... const

    1.2K20发布于 2020-07-28
  • 来自专栏盛开在夏天的太阳

    6. vue组件详解(一)

    组件data关联的写法 6. 父子组件的通信 ---- 组件系统是 Vue 的一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。 也就是说任何一个Vue实例对象都可以使用. 最后我们可以把comp2注册到Vue对象上, 在页面就可以调用了 // vue也是一个组件, 是一个root根组件 var app = new Vue({ 组件语法糖的写法 在vue2之后, 就很少看到Vue.extend({})的写法了, 而是使用语法糖 // 语法糖的写法 Vue.component('comp2', { template: ' 在模板组件中定义与vue属性接收的变量 3.

    1.8K20发布于 2021-03-04
  • 来自专栏网络技术联盟站

    实战 | 使用IPV6 ACL对telnet登陆进行限定

    组网说明: 本案例采用H3C HCL模拟器的S5820交换机来使用IPV6 ACL对telnet进行登录的限定。要求仅允许VLAN 10的IPV6地址能对SW1交换机进行telnet远程登陆管理。 acl ipv6 2000 测试: 物理机填写IP地址: image.png 物理机能PING通SW1: image.png 打开CRT : image.png 输入要登陆SW1的IPV6地址 ,点击连接: image.png 输入用户名、密码,回车,登陆成功: ? 继续打开CRT,输入要SSH登陆SW1的IPV6地址,和用户名,点击连接: ? 使用VLAN 20的地址telnet登陆SW1失败: ? 在SW1可看到拒绝登陆的提示: ? 查看IPV6 ACL的匹配记录: ? 至此,使用IPV6 ACL对telnet登录进行限定的典型组网配置案例已完成!

    1.3K11发布于 2020-05-25
  • 来自专栏哆哆Excel

    Thinkphp6学习(11)登陆后读写操作Session用户信息

    Thinkphp6学习(11)登陆后读写操作Session用户信息 一、开启Session Session功能默认是没有开启的(API应用通常不需要使用Session),如果你需要使用Seesion,需要在全局的中间件定义文件中加上下面的中间件定义

    87920编辑于 2022-10-25
  • 来自专栏编程杂记

    pyQt6做一个登陆界面

    程序效果 先上程序运行效果 输入正确的账号密码之后 程序解析 import sys from PyQt6.QtWidgets import QApplication, QMainWindow, QVBoxLayout QApplication(sys.argv) window = LoginWindow() window.show() sys.exit(app.exec()) 完整程序代码 import sys from PyQt6.

    1.2K10编辑于 2024-01-24
  • 来自专栏全栈程序员必看

    Vue6)v-on指令的使用

    counter += 1">+1</button> <button @click="subtract(10)">-10</button>

    <script> const app = new Vue 为了解决这个问题,Vue.js 为 v-on 提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。 .stop:event.stopPropagation,阻止事件冒泡。 "> 1111 <button @click.stop="btnClick">按钮</button>
    <script> let app = new Vue label> <input type="submit" value="提交"> </label> </form>
  • <script> const app = new Vue submit" value="提交" @click.prevent="testClick"> </label> </form> <script> const app = new Vue

    52120编辑于 2022-09-19
  • 来自专栏云前端

    复用 Vue 组件的 6 层手段

    原文:https://michaelnthiessen.com/6-levels-of-reusability/? 我认为复用性有 6 中不同的层级,这里大体上来看一下: 1. 模版化 不同于将代码随处复制/粘贴的是,借助模版化可以将其包裹在组件内部。 在 Vue 中,使用 scoped slot (作用域插槽) 就可以达到目的,为组件增加更多的灵活性了。 (译注 - 官网上的例子): <! 扩展 使用 Vue 中的 named slots (具名组件) 可以在组件中添加一个或多个扩展点。再结合上述的适配和反转,就具备了最大化组件复用性的必要技术。 总结 本文列出了复用 Vue 组件的 6 层手段。这说不上是全部,或许还有其它手段,但已经足够实用了。

    48030发布于 2020-07-02
  • 来自专栏云开发小程序1

    VUE框架:vue2转vue3全面细节总结(6)动态路由

    当我们做用户权限的时候,添加路由非常有用。可以使用 router.addRoute() 来添加一个路由:

    46620编辑于 2023-10-14
  • 来自专栏授客的专栏

    Vue ES6箭头函数使用总结

    Vue ES6箭头函数使用总结 箭头函数 ES6允许使用“箭头”(=>)定义函数: 函数不带参数 定义方法:函数名称 = () => 函数体 let func = () => 1 等同于 function

    79430发布于 2019-12-20
  • 来自专栏山河木马

    前端代码规范(es6,eslint,vue)

    eslint: no-tabs 84.正确使用 ES6 中的字符串模板。 譬如: ;[1, 2, 3].forEach(bar) 建议的写法是: var nums = [1, 2, 3] nums.forEach(bar) es6语法规范 1.let 取代 var ES6 规范 1.vue方法放置顺序 1.1 components 1.2 props 1.3 data 1.4 created 1.5 mounted 1.6 activited 1.7 update 1.8 5.Vue 组件命名 有意义的: 不过于具体,也不过于抽象 简短: 2 到 3 个单词 具有可读性: 以便于沟通交流 <! -- 与自定义元素规范不兼容 --> 6.验证组件的props 提供默认值。 使用 type 属性校验类型。 使用 props 之前先检查该 prop 是否存在。

    6.5K30发布于 2019-03-05
  • 来自专栏雪地二货笔记库

    vue学习笔记6-循环-v-for

    普通for迭代关键字——v-for 格式: v-for=“a in b” 当我们在便签上加上v-for属性的时候就会迭代b对象,然后把迭代信息放到a中,之后直接使用a属性就可以。

    55010发布于 2018-09-18
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券