精华内容
下载资源
问答
  • 如果利用vue处理json串

    2019-06-03 21:13:58
    html前端表单提交到某接口后(javaweb的接口),返回了字符串 ``` {"Login":true} ``` 请问如果利用vue处理该返回结果,实现成功登录的页面跳转?
  • vue 处理日期格式

    千次阅读 2019-07-03 17:41:08
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.min.js" ><...
    <!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <script type="text/javascript" src="js/vue.min.js" ></script>
        </head>
        <body>
            <div id="app">
                {{date}}
                <br>
                {{date | formatDate}}
            </div>
            <script type="text/javascript">
                padDate = (value)=> {
                    return value < 10 ? '0' + value : value;
                }
                var v = new Vue({
                    el: "#app",
                    data: {
                        date: '2019-06-29T05:15:15.000+0000'
                    },
                    methods: {	
                    },
                    filters: {
                        formatDate: function (value) {  //这里的 value 就是需要过滤的数据
                            var date= new Date(value);
                            var year= date . getFullYear() ;
                            var month= padDate(date.getMonth() + 1) ;
                            var day= padDate(date . getDate());
                            var hours= padDate(date . getHours());
                            var minutes = padDate (date .getMinutes ());
                            var seconds = padDate (date .getSeconds ());
                            return year + '-' + month +'-' + day + ' ' + hours + ':' +minutes +':' + seconds;
                        }
                    }
                })
            </script>
        </body>
    </html>
    

    运行效果

    展开全文
  • vue处理返回数据

    千次阅读 2019-09-25 06:50:38
    res.data.two5.pData.map(row=>{ if(row.name==='一般') row.itemStyle = { "color": "#5B9BD5" } ...转载于:https://www.cnblogs.com/wcss/p/11026955.html

    res.data.two5.pData.map(row=>{
    if(row.name==='一般')
    row.itemStyle = {
    "color": "#5B9BD5"
    }
    if(row.name==='严重')
    row.itemStyle = {
    "color": "#FFC000"
    }
    if(row.name==='非常严重')
    row.itemStyle = {
    "color": "#FF0000"
    }
    return row;
    });

    过滤器

    filters : {
    createColors(data){
    var colors = [];
    if(data.rows==undefined){
    return colors;
    }
    data.rows.forEach(row=>{
    colors.push(row.itemStyle.color)
    });
    return colors;
    },
    }

    转载于:https://www.cnblogs.com/wcss/p/11026955.html

    展开全文
  • vue后台带html标签的文章数据处理

    千次阅读 2018-12-04 09:10:26
    1.后台爬到的数据带有html标签,可以用v-html直接解析 &lt;p v-html="hotTodayListArticle"&gt;&lt;/p&gt;

    1.后台爬到的数据带有html标签,可以用v-html直接解析

    <p v-html="hotTodayListArticle"></p>
    展开全文
  • vue处理换行符

    千次阅读 2019-03-29 15:17:00
    1.处理换行符 <tr class="unread" v-for="(item,index) in DataList" :key="index"> <td class="salesUnitName">{{item.salesUnitName}}</td> <td class="createUserName">{{item....

    1.处理换行符

    <tr class="unread" v-for="(item,index) in DataList" :key="index">
        <td class="salesUnitName">{{item.salesUnitName}}</td>
        <td class="createUserName">{{item.createUserName}}</td>
        <td class="halfContent" v-show="typeListVal == 4" v-html="keepTextStyle(item.domesticOpponentSituation)"></td>
        <td class="halfContent" v-show="typeListVal == 4" v-html="keepTextStyle(item.overseaOpponentSituation)"></td>
        <td class="allContent" v-show="typeListVal == 6" v-html="keepTextStyle(item.financeSituation)"></td>
        <td class="allContent" v-show="typeListVal == 7" v-html="keepTextStyle(item.productDemand)"></td>
        <td class="allContent" v-show="typeListVal == 8" v-html="keepTextStyle(item.marketSituation)"></td>
        <td class="allContent" v-show="typeListVal == 9" v-html="keepTextStyle(item.humanResources)"></td>
        <td class="allContent" v-show="typeListVal == 10" v-html="keepTextStyle(item.projectProgressSituation)"></td>
        <td class="allContent" v-show="typeListVal == 11" v-html="keepTextStyle(item.workMatters)"></td>                                
    </tr>
    keepTextStyle(val){
      return val.replace(/\n/g,"<br/>")
    },
    

     

    直接使用val.replace会报错,查一下replace用法,就知道stringObject.replace(regexp/substr,replacement),所以stringObject必须是字符串才可以,犯了一个致命的错误是接受过来要的后台数据并不是string类型,所以报错了,改正如下即可(变成字符串)

            keepTextStyle(val){
                console.log(val)
                console.log(typeof val)
                console.log((typeof val)!='undefined')
                return  (val + '').replace(/\n/g,"<br/>")
            },
    

      

     

     
     

    转载于:https://www.cnblogs.com/cx709452428/p/10621460.html

    展开全文
  • Vue教程05(样式处理)

    千次阅读 2019-07-10 00:22:05
      本文我们来介绍下在Vue中针对样式处理这块的支持 Vue样式处理 一、class  我们首先来看下class属性的使用。 1.基本的class使用   我们先来看下非vue情况的class的使用,如下: <!DOCTYPE html> <html...
  • html页面引入vue

    千次阅读 2020-08-11 12:35:35
    基础环境 ①所需的基本ui组件 ...可以无需脚手架情况下对vue以脚手架形式编写vue文件,同时便捷了引入方式 基于Mui样例 index.html <!DOCTYPE html> <html> <head> <meta char.
  • VUE处理支付宝支付返回的form表单

    千次阅读 2019-08-21 15:44:27
    大部分的配置都是后端来处理,所以我这里只说前端拿到后台返回的form表单信息该如何处理。... let routerData = this.$router.resolve({path:'/payGateWay',query:{ htmlData: res.data.html}}) // 打开新页面 ...
  • 问题(编译警告) [1] 101:7 warning ...) vue/html-self-closing 原因 格式问题 处理 <div ref="echart" class="chart" > </div> 改为 <div ref="echart" class="chart" /> ...
  • 【猿说VUE】事件处理Vue奠基之石

    万次阅读 2020-04-01 13:33:12
    VUE基础:事件处理 在前端小伙伴开发生涯中,经常要面对各种画面表单、各种按钮,针对表单和按钮的处理都包含一个共通事件:点击 (click),前端最常见的场景: 表单提交 按钮点击 列表折叠 9.1 事件监听 在vue中...
  • 当程序加载执行完vue-router文件,就执行new VueRouter()动作以及new Vue()动作,本篇文章就是探究这两个过程对于路由具体的处理逻辑。 具体分析 new VueRouter() 在第一篇文章中的实例中,调用new VueRouter()来...
  • VUEvue使用html2canvas截图

    千次阅读 2019-07-23 15:02:39
    官方文档:http://html2canvas.hertzen.com/configuration/ 外部引入: <script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 1、安装 npm install html2canvas 2、在...
  • Vue常见异常处理技巧

    千次阅读 2019-06-22 15:46:33
    常见5中Vue异常报错处理 常见错误 第一种:引用一个不能存在的变量: <div id="app" v-cloak> Hello, {{text}} </div 上述代码运行后不会抛出错误,但是在控制台会有[Vue warn]消息。 第二种:将变量...
  • vue中视频加载失败的处理处理方法onerror无效的解决方案。
  • 一、vue-html5-editor 在安装好脚手架的依赖后,要执行 npminstallvue-html5-editor--save-dev 来安装这个富文本插件,由于这个富文本插件的图标是依赖font-awesome.css的,所以要npm install font-awesome.css ...
  • vue移动端富文本编辑器vue-html5-editor

    万次阅读 2018-06-30 22:13:43
    简介 Intro Vue-html5-editor是一个Vue的富文本编辑器插件,简洁...Vue-html5-editor is an html5 wysiwyg editor for vue,easy and flexible,compatible with Vue.js 2.0+,support IE11. 点击查看演示效果 Dem...
  • 这个Vue搞得挺不错,简单粗暴还有效,上手也不难,记录一下今天的学习,首先描述...JSON数据加载完毕后实例化Vue对象并将数据渲染到HTML页面中 PHP读数据库返回JSON的过程就不细说了,直接来看HTML代码吧 <!DOCTYPE html
  • Vue+TypeScript中如何处理computed

    千次阅读 2020-12-31 22:47:36
    什么是 「computed」「computed」 是Vue中提供的一个计算属性。它被混入到Vue实例中,所有的getter和setter的this上下文自动的绑定为Vue实例。计算属性的...
  • vue之django 和vue语法冲突处理

    千次阅读 2017-12-04 08:42:54
    修改vue.js的默认的绑定符号Vue.config.delimiter=['[[',']]'];
  • vue打包后显示空白正确处理方法是 1、找到配置文件 修改 这样打包处理可以打开但是页面样式会找不到 2、修改 找到对应的位置加上publicPath: '../../' 然后就成功了! 很多朋友还遇到这样的问题 vue打包后index...
  • vue处理文本不换行问题

    千次阅读 2019-05-16 16:52:26
    vue中文本换行问题: ...2,直接用v-html=“text”,也不会换行。 解决方法: 在main.js中加以下代码 Vue.prototype.formatWord = function (val) { return val.replace(/\n/g, ‘’) }, 然后在你的.vue文件中 v-htm...
  • Vue中解析html标签

    万次阅读 2019-01-19 11:49:23
    vue中不解析html标签,会把html标签给正常输出,vue中提供了v-html来解决这一问题 正常情况下输出: &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta...
  • Vue国际化处理 vue-i18n 以及项目自动切换中英文

    千次阅读 多人点赞 2018-04-30 13:41:03
    Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n –save 2. 项目增加国际化翻译文件 在项目的src下添加lang...
  • 前端需要将返回数据处理一下,改为以万为单位。 html处: <template> <div>{{tranNumber(value)}}</div> </template> js处: tranNumber(num) { if (isNaN(num)) { return; } else...
  • 5种处理Vue异常的方法

    千次阅读 多人点赞 2019-06-17 09:57:42
    原文: Handling Errors in Vue.js 译者: Fundebug 本文采用意译,版权归原作者所有 去年一整年,我都在使用最爱的—...最近,我花了不少时间研究了Vue处理异常的各种技巧,在此想把我学到的分享给大家。 错误大全...
  • vue.js处理时间

    千次阅读 2017-09-22 16:37:01
    1.main.js ,全局过滤...import Vue from 'vue' import App from './App' import router from './router' import store from './vuex/index.js' import Vuex from 'vuex' //引入axios import axios from 'axios' Vue.
  • VUE:获取异步错误并自定义处理

    千次阅读 2019-02-25 16:56:39
    使用了js-yaml插件处理json和yml,发现当输入yml格式错误时会在控制台输出错误提示,希望能够在页面上显示这个错误信息而不在控制台以error形式输出(且不影响vue默认的错误处理方法)。 分析一 查看vue的错误处理机制...
  • vue cli项目中,main.js是入口文件,定义了vue实例,并引入了整个项目的根组件app.vue,并将其挂载到index.html中id为‘app’的节点上。
  • vue图片预加载处理方法

    千次阅读 2019-09-18 21:16:50
    项目打开的时候要对图片进行预加载,在App.vue里面的beforeCreate添加预加载程序 App.vue beforeCreate(){ let count = 0; let imgs = [ //用require的方式添加图片地址,直接添加图片地址的...
  • vuehtml转义解决提交表单问题

    千次阅读 2019-01-19 10:20:51
    在项目开发过程中会有textarea文本框输入提交后台,在特殊字符和脚本防注入的处理上,采用html转义的简单方法来解决这个问题。 1、用htmlEncode 来转义后提交后台: htmlEncode (str) { // 转义 元素的innerHTML内容...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 94,456
精华内容 37,782
关键字:

vue处理html

vue 订阅